Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS How do you fix webkit overflow + img bug?

  • This topic is empty.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #205062
    Draxx
    Participant

    Webkit / Chrome has some problems with images ending up behind the scrollbar. Does anyone know how to fix this problem? It is forcing me to use overflow:scroll to ensure that webkit plays nice with my layout. All other browsers has zero problems with this.

    Here is a link to an example on codepen: (Use Chrome)

    http://codepen.io/boawebdk/pen/doKdzO

    I am using Chrome version 43.0.2357.132 m

    Have reported it to google here:

    https://productforums.google.com/forum/#!topic/chrome/Vrosp7NiKFw;context-place=forum/chrome

    In the above forum post, you can download a zip file with an example of the bug + screenshots of how it looks in chrome on my computer, in case the bug doesn’t happen on your chrome

    To get the error to happen in chrome: have an image that has width:100% or max-width:100% and height:auto as the last item within a div with overflow:auto. Im sure there is other ways to trigger the bug, but this is my current scenario that i’m trying to overcome.

    Thanks beforehand :)

    #205063
    Paulie_D
    Member

    Well if you’re reported it I’m not sure what we could offer.

    #205064
    Draxx
    Participant

    @Paulie_D Was hoping someone else had encountered this and found a fix for it.

Viewing 3 posts - 1 through 3 (of 3 total)
  • The forum ‘CSS’ is closed to new topics and replies.