BUG: Text input is displayed on top of everything

If I have an <input type="text"> on my page, no matter which z-index I set on other elements, input is always displaying on top of everything.

z-index in components is heavily in the work :slight_smile: Spectrum components also show a weird behaviour sometimes. This has already been pointed out, future versions will hopefully fix this

1 Like

Note that text fields aren’t the only widgets that behave this way – scrollbars have infinite z-order as well.

This is something we’re working on, but it’s a long-term effort. More news to come soon as we share out the roadmap in the coming weeks, but for now it’s something you’ll need to work around (hide the inputs or avoid positioning elements around them completely). Our internal features all do a lot of work to try and work around this too.