Skip to content

Webapp doesn't scale with window size (and is therefore unusable) on Firefox on some macbooks #6396

@AdrienMatricon

Description

@AdrienMatricon

Description

The layout doesn't scale with the window size, scrolling is impossible, and in particular there is no way to access the buttons that are supposed to be at the bottom left (which makes the webapp unusable).

Steps to reproduce

It looks like this (logged in):

screen shot 2018-03-27 at 11 01 35

And there is no way to scroll.

Changing the window size vertically just makes fewer things visible:

screen shot 2018-03-27 at 11 07 03

Changing it horizontally does lead to some changes but it doesn't help:

screen shot 2018-03-27 at 11 07 21

Log: None, because I don't have access to the Settings page

Version information

  • Platform: web (in-browser)
  • Browser: Firefox v59.0.1 (64-bit) and v59.0.2 (64-bit). I tried fully uninstalling Firefox and installing a new one, but the problem persists. I tried on Safari, and there the problem doesn't occur.
  • OS/Hardware: The problem occurs on my macbook (MacBook Pro, 13-inch, 2017, Four Thunderbolt 3 Ports) running macOS High Sierra v10.13.3, while it doesn't when using the same Firefox version on my desktop computer running Ubuntu. I'm not sure if it's hardware related, but the problem occurs on both my macbook and the one from a colleague who I asked and who has the same OS (MacBook, Retina, 12-inch, Early 2015). I asked another colleague with the same OS and the problem doesn't occur on it though (MacBook Pro, Retina, 15-inch, mid-2015).
  • URL: https://riot.im/app/#/home

Edit: additional information

I just used Firefox's web inspector to compare the page which is displayed properly on ubuntu with the one which isn't on my mac.

It turns out that <div class="mx_RoomList_scrollbar gm-autoshow gm-scrollbar-container"> (...) </div> is missing its last element <object class="gm-resize-trigger" type="text/html" data="about:blank"></object>.

I'm guessing this means that the problem originates from somewhere in the JS.

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