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
Describe the bug
When hovering a mouse over the links in the Examples page side bar, all links below the link you hover over move up one pixel. After some investigation, when the anchor tags are hovered, they reduce their height by one pixel.
Logs
N/A
To Reproduce
Visit https://svelte.dev/examples#hello-world using google chrome 79.
without hovering on a link in the sidebar, press Ctrl Shift C to open inpect element. Inspect any anchor tag in the sidebar and in chrome, a tool tip appears showing some data on the element including its height and width. On my laptop they read 284 px by 57.38 px. In the chrome dev tools, you can toggle hovering on a selected element. When you do this, you see all the links below the selected link jump up by one pixel. The elements new dimensions are 284 px by 56.38px.
.
Expected behavior
The links change color from gray to white on hover. There doesnt seem to be any movement in _TableOfContents.svlete. The anchor tag in question appears to have a padding of 0 on hover applied from somewhere else in the page, so I imagine the intended behavior is for it not to move.
Stacktraces
N/A
Information about your Svelte project:
Chrome 79
Ubuntu Linux 18.04.3
Svelte 3.12.0
Sapper 0.27.8
Whether your project uses Webpack or Rollup
Rollup
Severity
Not really severe at all, just a css quirk.
The text was updated successfully, but these errors were encountered:
mikedubcurry
changed the title
links in Examples sidebar all bounce by one pixel on hover
links in Examples sidebar all shift by one pixel on hover
Jan 1, 2020
Describe the bug
When hovering a mouse over the links in the Examples page side bar, all links below the link you hover over move up one pixel. After some investigation, when the anchor tags are hovered, they reduce their height by one pixel.
Logs
N/A
To Reproduce
Visit https://svelte.dev/examples#hello-world using google chrome 79.
without hovering on a link in the sidebar, press Ctrl Shift C to open inpect element. Inspect any anchor tag in the sidebar and in chrome, a tool tip appears showing some data on the element including its height and width. On my laptop they read 284 px by 57.38 px. In the chrome dev tools, you can toggle hovering on a selected element. When you do this, you see all the links below the selected link jump up by one pixel. The elements new dimensions are 284 px by 56.38px.
.
Expected behavior
The links change color from gray to white on hover. There doesnt seem to be any movement in _TableOfContents.svlete. The anchor tag in question appears to have a padding of 0 on hover applied from somewhere else in the page, so I imagine the intended behavior is for it not to move.
Stacktraces
N/A
Information about your Svelte project:
Chrome 79
Ubuntu Linux 18.04.3
Svelte 3.12.0
Sapper 0.27.8
Rollup
Severity
Not really severe at all, just a css quirk.
The text was updated successfully, but these errors were encountered: