zoo-web-components
zoo-web-components copied to clipboard
Overlapping of zoo-input-tag
Describe the bug Multiple instances of zoo-input-tag positioned in same column are overlapping their contents making them unreadable.
To Reproduce
- Create two zoo-input-tag components one under another
- Start typing in the upper one to see possible options
- 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

Additional context Now there is an ugly workaround by setting style attribute inside shadow DOM by JavaScript.
Fixed in 10.2.2; please, update your package.json
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.