fix(@clayui/css): Utilities c-prefers-expanded-text shouldn't display… #5622
Conversation
… text in a column
|
In these cases instead of breaking the line maybe it would be better to keep everyone on the same lines but with scroll? this looks a lot better on a mobile UI especially when you can have multiple tabs. |
|
Hey gusy! I would say double scroll is not a good practice, there is not something in WCAG speaking directly about that, but Reflow speaks about two dimensions scrolling https://www.w3.org/WAI/WCAG21/Understanding/reflow.html If we could predict this problem, probably we could change tabs by pills tabs, something like: Or use lines to delimit the tabs: This could work better, even if we need JS to know if we are showing the component in more than a line. |
|
@marcoscv-work could we not consider this behavior similar to the behavior of a table with horizontal scrolling for smaller screens so as not to break the view? |
|
This has been here too long. I'm going to close for now. |
… text in a column
fixes #5620
@ethib137
c-prefers-expanded-textwith tabs should look like:The page editor tabs use the utility class
flex-nowrap. It will overflow on the right, we need to remove it if we want the tabs to break to new line with long text.