Website partially obscured when zoom factor is higher than 1

[kflak]

Describe the bug

When I run fx facebook or gmail and scaling is higher than 1 (my default is 1.5), the right side of the page is partially obscured. Seems like the site is not getting the message that the viewport is now smaller.

Precise recipe to reproduce the issue Open f.x. facebook.com or gmail.com, set zoom to 1.5.

For website-specific issues: Can you reproduce this issue with Epiphany / GNOME Web (https://wiki.gnome.org/Apps/Web)?

Epiphany rescales the elements of the website correctly as I zoom in.

Information

• OS name+version: arch linux 6.10.3
• Graphics card and driver: Intel Kabylake Gen9
• Desktop environment / Window manager name+version: sway 1.9
• Installation method (Flatpak, Guix, package manager, build from source): pacman
• Output of nyxt --system-information:

  
  Nyxt version: 3.11.8
  Renderer: GI-GTK
  Operating system kernel: Linux 6.10.3-arch1-1
  Lisp implementation: SBCL 2.4.6 (Dynamic space size: 3221225472)
  Features: (:NYXT-GI-GTK :NYXT-GTK :NYXT-GI-GTK :NYXT-GTK :NYXT-3.11 :NYXT-3 :NYXT-3.11.8
  :CLIPBOARD-CONTENT-METHOD :SWANK :SLYNK :PLUMP-UTF-32 :PARENSCRIPT :NSYMBOLS
  :FSET-EXT-STRINGS :SBCL+SAFE-STANDARD-READTABLE :NAMED-READTABLES :GLOBAL-VARS
  :CL-FAD :LPARALLEL :21BIT-CHARS :CUSTOM-HASH-TABLE-NATIVE :CL-PPCRE-UNICODE
  :CL-UNICODE :CL-JSON-DOUBLE-FLOAT-IS-SUBSUMED
  :CL-JSON-SINGLE-FLOAT-IS-SUBSUMED :CHUNGA :FLEXI-STREAMS :CL-PPCRE :WEBKIT2
  :WEBKIT-2.44.2 :WEBKIT-2.44 :WEBKIT-2 :WEBKIT2-CORS-ALLOWLIST
  :WEBKIT2-PASTE-PLAINTEXT :WEBKIT2-TRACKING :WEBKIT2-MUTE :WEBKIT2-EMOJI
  :WEBKIT2-MEDIA :WEBKIT2-SANDBOXING :GTK-3-22 :GTK-3-20 :GTK-3-18 :GTK-3-16
  :GTK-3-14 :GTK-3-12 :GTK-3-10 :GTK-3-8 :GTK-3-6 :GTK-3-4 :GTK :GDK-3-22
  :GDK-3-20 :GDK-3-18 :GDK-3-16 :GDK-3-14 :GDK-3-12 :GDK-3-10 :GDK-3-8 :GDK-3-6
  :GDK-3-4 :CAIRO-1-10 :CAIRO-1-12 :GDK-PIXBUF :CLOSER-MOP :GLIB-2-30 :GLIB-2-32
  :GLIB-2-34 :GLIB-2-36 :GLIB-2-38 :GLIB-2-40 :GLIB-2-42 :GLIB-2-44 :GLIB-2-46
  :GLIB-2-48 :GLIB-2-50 :GLIB-2-52 :GLIB-2-54 :GLIB-2-56 :GLIB-2-58 :GLIB
  :BORDEAUX-THREADS :LPARALLEL.WITH-CLTL2 :LPARALLEL.WITH-CAS
  :LPARALLEL.WITH-STEALING-SCHEDULER :SPLIT-SEQUENCE
  CFFI-FEATURES:FLAT-NAMESPACE CFFI-FEATURES:X86-64 CFFI-FEATURES:UNIX :CFFI
  CFFI-SYS::FLAT-NAMESPACE ALEXANDRIA::SEQUENCE-EMPTYP :FAST-IO-SV :FAST-IO
  :CL-JSON-CLOS :CL-JSON :SBCL-USES-SB-ROTATE-BYTE CHIPZ-SYSTEM:GRAY-STREAMS
  :THREAD-SUPPORT :ASDF3.3 :ASDF3.2 :ASDF3.1 :ASDF3 :ASDF2 :ASDF :OS-UNIX
  :NON-BASE-CHARS-EXIST-P :ASDF-UNICODE :ARENA-ALLOCATOR :X86-64 :GENCGC :64-BIT
  :ANSI-CL :COMMON-LISP :ELF :IEEE-FLOATING-POINT :LINUX :LITTLE-ENDIAN
  :PACKAGE-LOCAL-NICKNAMES :SB-CORE-COMPRESSION :SB-LDB :SB-PACKAGE-LOCKS
  :SB-THREAD :SB-UNICODE :SBCL :UNIX)

ASDF version: 3.3.1 ASDF registries: (NYXT-SOURCE-REGISTRY ENVIRONMENT-SOURCE-REGISTRY) Critical dependencies: (/build/nyxt/src/_build/cl-cffi-gtk/gtk/cl-cffi-gtk.asd /build/nyxt/src/_build/cl-gobject-introspection/cl-gobject-introspection.asd /build/nyxt/src/_build/cl-webkit/webkit2/cl-webkit2.asd)

**Output when started from a shell**

Nyxt version 3.11.8

[07:22:03] Source location: #P"/usr/share/nyxt/" [07:22:03] Loading Lisp file #P"/home/kf/.config/nyxt/auto-config.3.lisp". [07:22:03] Loading Lisp file #P"/home/kf/.config/nyxt/config.lisp". [07:22:03] Listening to socket: #P"/run/user/1000/nyxt/nyxt.socket" (nyxt:21450): libenchant-WARNING **: 07:22:03.601: broker.vala:159: Error loading plugin: libnuspell.so.5: cannot open shared object file: No such file or directory [07:22:04] Loading #P"/home/kf/.local/share/nyxt/history/default.lisp". [07:22:04] Restoring 18 buffers from history. [07:22:04] Loading #P"/home/kf/.local/share/nyxt/auto-rules.lisp". [07:22:04] Loading #P"/home/kf/.local/share/nyxt/hostlist-stevenblack.txt". [07:22:08] Loading "https://github.com/atlas-engineer/nyxt/issues/3456". [07:22:09] Finished loading "https://github.com/atlas-engineer/nyxt/issues/3456". ```

[aadcg]

@kflak Thanks for the report. Can you reproduce if you start nyxt via nyxt --failsafe and zoom those pages interactively?

[kflak]

Yes, getting the same behavior. A bit more detail: the elements on the facebook page do resize when I zoom in, but when I click on the notifications button in the upper right corner, most of the popup is outside the screen. On gmail there is no dynamic resizing at all.

EDIT: Add screenshot of what FB looks like.

[aadcg]

@kflak I'm surprised that the issue can't be reproduced with Epiphany. It still seems to be a bug in the renderer (WebKitGTK).

[kflak]

Yeah, I see no trace of this behavior on epihany... All scaling and resizing works perfectly there, as far as I can tell.