eufemia icon indicating copy to clipboard operation
eufemia copied to clipboard

bug(Field): help property behaves differently when hovered over in different Field components

Open langz opened this issue 1 year ago • 1 comments

🐛 Bug Report

When hovering over help buttons used in different Field-components, which fields/components that gets a bold outline is different(behaving differently).

Images: Screenshot 2023-12-06 at 13 17 03 Here the field to the right(phone number) also has a bold border when hovering the help button. Screenshot 2023-12-06 at 13 16 56 In the screenshot above, the input field does not have a bold border when hovering the help button. Screenshot 2023-12-06 at 13 16 50 In this last screenshot, the input field also gets a bold border when hovering the help button.

Video:

https://github.com/dnbexperience/eufemia/assets/1359205/14871eb4-c56b-4463-b5bc-fa99053f0a91

To Reproduce

This CSB is using main branch as of today, 06.12.2023. https://codesandbox.io/p/sandbox/eufemia-starter-forked-t9nshg?file=%2Fsrc%2FApp.tsx%3A91%2C51

One more CSB: https://codesandbox.io/p/sandbox/eufemia-starter-forked-dfjxy3?file=%2Fsrc%2FApp.tsx%3A5%2C11

Steps:

  • Hover over every single help button example and see the hover effect that happens

langz avatar Dec 06 '23 12:12 langz