ChrisNZL / Fauxbar

An alternative to Chrome's Omnibox.
https://chrome.google.com/webstore/detail/fauxbar/hibkhcnpkakjniplpfblaoikiggkopka
MIT License
90 stars 13 forks source link

Fauxbar Sub-menus not showing #36

Open seanryan-seanryan opened 6 years ago

seanryan-seanryan commented 6 years ago

On the Fauxbar page, sub-menus for Bookmarks and Extensions are not visible or accessible: when you hover over - or click on - an entry containing a sub-menu arrow icon you can see about 1mm of the sub-menu's left hand border showing just left of the main menu's vertical scroll-bar. It's as if the sub-menu is hidden under the vertical scroll bar (though of course it's expected that the sub-menu should pop up over / to the right of the scroll-bar). The sub-menu pops up correctly for all menus where the menu has no scroll-bar, and does not pop up for any menu where the menu does contain a scroll-bar.

ChrisNZL commented 5 years ago

Seems to be an issue with CSS' overflow property, menubar.js, line ~388

$(this).addClass('exceededMaxHeight') .css('height',maxHeight+'px') .css('overflow-y','scroll') .css('overflow-x','visible') .css('top',$('#menubar').height()+4+'px');

https://stackoverflow.com/a/6433475/206410

Sounds like CSS won't work with nested child elements and scrollbars for this. Probably need to refactor to have each column be placed absolutely side-by-side rather than nested as children.