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
  • #205062

    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)

    I am using Chrome version 43.0.2357.132 m

    Have reported it to google here:!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 :)


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


    @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.