instructure/instructure-ui

SideNavBar shows unwanted scrollbar

Closed this issue · 1 comments

Background Information

Package Version(s):
8.x

Browser:
Chrome

OS:
Windows 3.1

Device:
Compaq Deskpro 386

Component:
SideNavBar

Mood:
Happy

Caffeine state:
100%

Describe the Bug

We are using SideNavBar in Canvas. When we fill it to the 100vh, we get an unwanted scroll at the bottom when the nav bar is collapsed.

When we apply overflow: hidden to the toggle div, it seems to go away. This is the element that has a 180deg rotation.

I think adding overflow: hidden to toggle in packages/ui-side-nav-bar/src/SideNavBar/styles.ts may resolve the issue.

Thank you for your work!

Origin of rotate3d transform may need to be specified. See transform-origin

(Thanks to Martin Ochoa for suggesting this).