Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.
And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.
`Radio Tile Group` outline disappear problem
See original GitHub issueHi, I’m Zhuoyue from the IBM Watson Studio UI team and am currently working on developing UI for AutoAI.
The Radio Tile Group’s outline disappears under 70% Zoom or smaller. This seems to be the bug for Chrome alone, in the safari everything is fine.
Safari
Safari
A temporary fix we are using is to add the following code inside the tilesContainer of the respective .scss, but this only partially solves the problem. If we zoom in 67% or less, we need an even smaller outline-offset to make sure the outline shows up correctly. But under smaller outline-offset, the 110% or more zoom in will looks weird. So I think this component should be updated for this situation. Thanks!
:global(.bx--tile--is-selected){
outline-offset: -1.5px !important;
}
Issue Analytics
- State:
- Created 3 years ago
- Comments:5 (3 by maintainers)
Top Results From Across the Web
Top Related Medium Post
Top Related StackOverflow Question
Troubleshoot Live Code
Top Related Reddit Thread
Top Related Hackernoon Post
Top Related Tweet
Top Related Dev.to Post
Top Related Hashnode Post
@ZhuoyueLyu yeah, it’s definitely a hard one. It seems like when we go smaller than 100% that Chrome will change the outline width to 1.11111px due to sub-pixel rendering 😞 we can definitely look and see what our options are, most likely switching over to border or box-shadow.
@ZhuoyueLyu Thank you for your patience on this! You should see a fix here: https://github.com/carbon-design-system/carbon/pull/8258