search

adeo / mozaic-design-system

Mozaic Design System
https://mozaic.adeo.cloud
Apache License 2.0
73 stars 17 forks source link

Text input inside Layer #978

Closed pinguet62 closed 2 years ago

pinguet62 commented 2 years ago

🐞 Styleguide bug report

Is this a regression?

I don't know: since 1.19.0.

Description

When a Text Input is in a Layer, the "focus effect" is hidden on left & right.

🔬 Steps to reproduce the issue

  1. Copy sample https://mozaic.adeo.cloud/Components/Layers/code/#usage
  2. Replace <!-- Here your content --> by sample https://mozaic.adeo.cloud/Components/Form/TextInput/code/#usage

📷 Screenshot (optional - it might be a gif)

image

🔥 Exception or Error

🌍 Your Environment

Styleguide Version:

Anything else relevant?

tiloyi commented 2 years ago

Hi @pinguet62 , Indeed this problem has been reported to us, and we are thinking about an evolution of the component that would not produce this problem.

However, if you wish, you can use the "edge" variation of the component, which allows you to shift the scrollbar and thus not have the problem you are experiencing.

More information via this link: https://mozaic.adeo.cloud/Components/Layers/code/#scrollbar-on-layer