Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We鈥檒l occasionally send you account related emails.

Already on GitHub? Sign in to your account

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

Open
langz opened this issue Dec 6, 2023 · 1 comment
Assignees
Labels
bug Something isn't working
Milestone

Comments

@langz
Copy link
Contributor

langz commented Dec 6, 2023

馃悰 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:

Screen.Recording.2023-12-06.at.13.15.02.mov

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 langz added the bug Something isn't working label Dec 6, 2023
@langz langz added this to the Forms Release milestone Dec 6, 2023
@langz langz changed the title bug(Field): help property behaves differently when hovered over in different Field component it's used in. bug(Field): help property behaves differently when hovered over in different Field components Dec 7, 2023
@joakbjerk joakbjerk assigned joakbjerk and unassigned joakbjerk Jan 11, 2024
@joakbjerk
Copy link
Contributor

What should the expected behaviour be here? Should the input/inputs all be highlighted on suffix hover, if the suffix is clickable, or should it just be the suffix, to indicate that the click will only interact with the suffix? I feel like the input hover effect makes more sense when hovering over the label, vs the suffix 馃

@tujoworker tujoworker self-assigned this Feb 26, 2024
@tujoworker tujoworker modified the milestones: Forms Issue, Forms Release Feb 26, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working
Development

No branches or pull requests

3 participants