zoo-web-components icon indicating copy to clipboard operation
zoo-web-components copied to clipboard

Overlapping of zoo-input-tag

Open mpad0x55 opened this issue 4 years ago • 1 comments

Describe the bug Multiple instances of zoo-input-tag positioned in same column are overlapping their contents making them unreadable.

To Reproduce

  1. Create two zoo-input-tag components one under another
  2. Start typing in the upper one to see possible options
  3. Options content is colliding with another zoo-input-tag

Expected behavior Upper input overlays the lower one. Currently, there is a fixed styling of z-index, but customization maybe by CSS var is needed.

Screenshots image

Additional context Now there is an ugly workaround by setting style attribute inside shadow DOM by JavaScript.

mpad0x55 avatar Sep 21 '21 11:09 mpad0x55

Fixed in 10.2.2; please, update your package.json

dwolanind avatar Oct 19 '21 20:10 dwolanind

Problem persists, but now you can just manage it by setting z-index directly on zoo-input-tag without changing #input-wrapper via JS. Also setting background is necessary.

mpad0x55 avatar Oct 31 '23 07:10 mpad0x55