You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
When the screen is small enough, links in the breadcrumbs start to overflow. The problem is that this is handled by the following CSS:
#wb-bc li {
max-width: 100%;
overflow: hidden;
padding: 7px 2px;
text-overflow: ellipsis;
white-space: nowrap;
}
This causes the overflowing text to be hidden and cutoff by an ellipsis. Therefore, users of smaller screens cannot access the full text for the link.
Describe the bug
When the screen is small enough, links in the breadcrumbs start to overflow. The problem is that this is handled by the following CSS:
#wb-bc li {
max-width: 100%;
overflow: hidden;
padding: 7px 2px;
text-overflow: ellipsis;
white-space: nowrap;
}
This causes the overflowing text to be hidden and cutoff by an ellipsis. Therefore, users of smaller screens cannot access the full text for the link.
To Reproduce
Steps to reproduce the behaviour:
Current behaviour
Links that overflow end up being cutoff on smaller screens.
Expected behaviour
Links should not cut off, this is a 1.4.10 Reflow failure.
Screenshots and/or logs
Additional context
I think the fix would be to remove these CSS lines:
#wb-bc li {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
The text was updated successfully, but these errors were encountered: