Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

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

Closed
AdrienMatricon opened this issue Mar 27, 2018 · 2 comments

Comments

@AdrienMatricon
Copy link

AdrienMatricon commented Mar 27, 2018

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.

@AdrienMatricon AdrienMatricon changed the title Webapp doesn't scale with window size on Firefox on recent macbooks Webapp doesn't scale with window size on Firefox on some macbooks Mar 27, 2018
@AdrienMatricon AdrienMatricon changed the title Webapp doesn't scale with window size on Firefox on some macbooks Webapp doesn't scale with window size on Firefox on some macbooks (and is therefore unusable) Mar 27, 2018
@AdrienMatricon AdrienMatricon changed the title Webapp doesn't scale with window size on Firefox on some macbooks (and is therefore unusable) Webapp doesn't scale with window size (and is therefore unusable) on Firefox on some macbooks Mar 27, 2018
@turt2live
Copy link
Member

I think this sounds like #4803

@lampholder
Copy link
Member

I think it sounds like that, too.

Closing this as a duplicate.

The cause though appears to be a problem that has been masked on other platforms by our use of gemini scrollbar (a library that gives mac-like scrollbars to non-mac platforms, but leaves the native scrollbars unmolested (and in this case broken) on mac).

su-ex added a commit to SchildiChat/element-web that referenced this issue Dec 6, 2022
* Further improve replies ([\element-hq#6396](matrix-org/matrix-react-sdk#6396)). Fixes element-hq#19074, element-hq#18194 element-hq#18027 and element-hq#19179.
* Enable users to join group calls from multiple devices ([\element-hq#9625](matrix-org/matrix-react-sdk#9625)).
* fix(visual): make cursor a pointer for summaries ([\element-hq#9419](matrix-org/matrix-react-sdk#9419)). Contributed by @r00ster91.
* Add placeholder for rich text editor ([\element-hq#9613](matrix-org/matrix-react-sdk#9613)).
* Consolidate public room search experience ([\element-hq#9605](matrix-org/matrix-react-sdk#9605)). Fixes element-hq#22846.
* New password reset flow ([\element-hq#9581](matrix-org/matrix-react-sdk#9581)). Fixes element-hq#23131.
* Device manager - add tooltip to device details toggle ([\#9594](matrix-org/matrix-react-sdk#9594)).
* sliding sync: add lazy-loading member support ([\element-hq#9530](matrix-org/matrix-react-sdk#9530)).
* Limit formatting bar offset to top of composer ([\element-hq#9365](matrix-org/matrix-react-sdk#9365)). Fixes element-hq#12359. Contributed by @owi92.
* Fix issues around up arrow event edit shortcut ([\element-hq#9645](matrix-org/matrix-react-sdk#9645)). Fixes element-hq#18497 and element-hq#18964.
* Fix search not being cleared when clicking on a result ([\element-hq#9635](matrix-org/matrix-react-sdk#9635)). Fixes element-hq#23845.
* Fix screensharing in 1:1 calls ([\element-hq#9612](matrix-org/matrix-react-sdk#9612)). Fixes element-hq#23808.
* Fix the background color flashing when joining a call ([\element-hq#9640](matrix-org/matrix-react-sdk#9640)).
* Fix the size of the 'Private space' icon ([\element-hq#9638](matrix-org/matrix-react-sdk#9638)).
* Fix reply editing in rich text editor (https ([\element-hq#9615](matrix-org/matrix-react-sdk#9615)).
* Fix thread list jumping back down while scrolling ([\element-hq#9606](matrix-org/matrix-react-sdk#9606)). Fixes element-hq#23727.
* Fix regression with TimelinePanel props updates not taking effect ([\element-hq#9608](matrix-org/matrix-react-sdk#9608)). Fixes element-hq#23794.
* Fix form tooltip positioning ([\element-hq#9598](matrix-org/matrix-react-sdk#9598)). Fixes element-hq#22861.
* Extract Search handling from RoomView into its own Component ([\element-hq#9574](matrix-org/matrix-react-sdk#9574)). Fixes element-hq#498.
* Fix call splitbrains when switching between rooms ([\element-hq#9692](matrix-org/matrix-react-sdk#9692)).
* [Backport staging] Fix replies to emotes not showing as inline ([\element-hq#9708](matrix-org/matrix-react-sdk#9708)).
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants