Skip to content

Scroll Header Panel flowing over panel scroll bar #555

Description

@smilbandit

I was looking at the Demo at, http://www.polymer-project.org/components/paper-elements/demo.html#core-scroll-header-panel. The hero flows over the scroll bar.

http://imgur.com/jADecK7

Same for all browsers below.
Chrome 35.0.1916.153 m
Firefox 30.0
IE 11.0.9431.0IS

The effect is that you can't grab the scroll control to slide down, you must click on the scroll bar somewhere and jump the scroll control to somewhere under the hero so that the scroll control is visible.

Applying #headerContainer { calc(100% - 17px); } seems to fix the issue.

Activity

  1. addyosmani commented on Jun 27, 2014

    @addyosmani
    Member

    Would you like to submit a PR fixing the issue?

  2. smilbandit commented on Jun 27, 2014

    @smilbandit
    Author

    I've never done so but I can give it a try later on.

  3. ksacks commented on Jul 4, 2014

    @ksacks

    The fix suggested shouldn't work well for several reasons : the scrollbar width isn't exactly the same all the time, and mainly it doesn't show if the content of the main is short (in which case you'll get a border)

    I may be wrong but I played with the scroll header and I couldn't get it not to overlay.

  4. tjsavage commented on Aug 1, 2014

    @tjsavage
    Contributor

    auto-moving this issue to googlearchive/core-scroll-header-panel#16 and closing this one

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions