googleanalytics / ga-dev-tools

A showcase of demos and tools built with the various Google Analytics APIs and Libraries.
https://ga-dev-tools.web.app/
Other
1.39k stars 557 forks source link

Issues when browser window is not full width #1801

Open haleepagel opened 8 months ago

haleepagel commented 8 months ago

What page is this happening on GA dev tools - campaign URL builder

Describe the bug When I resize my browser tab the page becomes orange and only has the hamburger menu, report a bug, and logout buttons - I then need to scroll to the right to view the elements.

If my window is full width this is not an issue. For example, full width and full height, full width and half height, etc.

The issue occurs when the width is less than full screen.

To Reproduce Steps to reproduce the behavior:

  1. Go to https://ga-dev-tools.google/campaign-url-builder/
  2. Resize browser tab to less than full width
  3. Scroll down and see the orange page and limited/missing elements. Scroll right and view the elements for the form.
  4. See error

Expected behavior I expected all elements on the page to adjust when I resize my window and remain in view so I only need to scroll vertically. However, when I resize my window that form elements are moved to the right and I have to scroll right to view them.

Screenshots

Screenshot 2023-12-19 at 07 29 11 Screenshot 2023-12-19 at 07 31 25

Desktop (please complete the following information):

Additional context N/a