search

jupyterlab-contrib / jupyter-ui-toolkit

UI Toolkit for Jupyter
https://jupyterlab-contrib.github.io/jupyter-ui-toolkit/
Other
41 stars 5 forks source link

Search component: placeholder is hidden behind the close button even when the close button is not visible. #95

Open fcollonval opened 4 months ago

fcollonval commented 4 months ago

Description

On the storybook, I still see a similar issue but only due to the close button:

image

image

Expected behavior

Placeholder is visible in the full width when the close button is hidden

fcollonval commented 4 months ago

An attempt to fix this using visibility: collapse was partly successful - it works on firefox but not on Chrom*

The issue is if the button is fully hidden (with display: none) the width of the input must be increased so that the component width stays identical when the button is visible.