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
A dropdown in a <nav> is slightly misaligned with an anchor in the nav. The text of the dropdown is also slightly misaligned even after aligning the outlines.
This seems to be caused by the height being set manually but calculating incorrectly. The current version as shown in the reproduction URL does not account for the border decreasing the size of the content box or something like that.
We can note that the height is set manually and accounts for both 1rem times the line height to get the height of a root element line, then adds the padding again.
I'm not sure the exact reason as there seems to be a bit of negative margins or other shenanigans used on the nav elements I haven't taken a peek at, but adding this seems to be a quick fix on this specific case:
Describe the issue
A dropdown in a
<nav>
is slightly misaligned with an anchor in the nav. The text of the dropdown is also slightly misaligned even after aligning the outlines.Current Behavior
Expected Behavior
or
Reproduction URL
https://picocss.com/docs/nav#dropdowns (I added
style="outline: 1px solid red;"
on the<a>
and<summary>
.)Environment
Firefox on Windows 10
The text was updated successfully, but these errors were encountered: