1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

Browser Issue Scrollbar space in ACP when .Touch enabled

Discussion in 'Resolved Bug Reports' started by Jon W, Mar 16, 2013.

  1. Jon W

    Jon W Well-Known Member

    I think this may be a browser rendering issue (Chrome), but I thought I'd post it just in case anyone can think of a way of fixing it (off the top of my head, I can't think of an easy fix).

    When viewing the ACP with the Touch class added (i.e., on touch screens) filter lists are displayed without scrollbars. However, as .Touch is added by Javascript after the browser has rendered the page, it leaves space for the scrollbar after the .Touch has been added.

    Is there any way that checking for touch browsers can be done at an earlier stage to stop this from happening?
  2. Jon W

    Jon W Well-Known Member

  3. Mike

    Mike XenForo Developer Staff Member

    This seems to display ok for me on Chrome and the standard browser on Android (checked template list). But really, I think it's going to be a browser rendering issue - we don't specify any margins or padding and we disable the overflow on touch browsers.
    Slavik and Jon W like this.
  4. Jon W

    Jon W Well-Known Member

    Sorry, should have been more specific -- am using Chrome on a PC with a touch screen. The spacing is the width of the scrollbar that is removed as soon as the Touch class is applied, not any padding or margins.

    I usually turn the touch screen settings off now anyway, so not a big deal anyway.

Share This Page