question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

URL bar overflow issues on small width display

See original GitHub issue
  • Temporary Containers Version: 1.7
  • Firefox Version: 72.0.2 (64-bit)

Actual behavior

$container & #-deletes-history container names will OVERFLOW/overlap the address bar and hide URL and/or display/drawn on-top of other extension icons prohibiting functionality.

Expected behavior

Container name would self-hide and prioritize URL and other extensions over showing the container name.

Steps to reproduce

  1. Set width of browser to something like 900px wide or less (This small width makes the problem immediately apparent to user)
  2. Install a couple other extensions + temporary containers
  3. Notice URL bar will be hidden (user has no idea what domain they are on) and container name will also overlap and block the ability to access extension popup windows from the toolbar.

Please see animated GIF of the problem described tempcontainers_overflow4

Notes

If this behavior of the tab name display priority is a firefox bug, it would still be helpful if temporary containers user would be able to set the x-deletes-history container template name to something less wordy to help with this issue &taking up too much space on screen. Maybe an emoji + number default container name for delete-history containers e.g. ❌-# could be implemented? To me this would convey just as much information to the user and help alleviate this issue if underlying issue is a firefox bug.

Issue Analytics

  • State:open
  • Created 4 years ago
  • Comments:8 (2 by maintainers)

github_iconTop GitHub Comments

1reaction
yourduskquibblescommented, Jan 22, 2020

Bugzilla Bug 1610688 that I submitted should be viewable now - howeve,r it was marked as dupe of 1545046.

0reactions
cornermancommented, Jul 26, 2022

It would be really awesome to have a configurable postfix for deletes-history containers. Is there anything, I could help with for that feature?

Read more comments on GitHub >

github_iconTop Results From Across the Web

Overflow Issues In CSS - Smashing Magazine
In this article, we will explore the causes of overflow issues and ... Overflow with a fixed-width element that is wider than the...
Read more >
Background image jumps when address bar hides iOS ...
This issue is caused by the URL bars shrinking/sliding out of the way and changing the size of the #bg1 and #bg2 divs...
Read more >
-webkit-overflow-scrolling - CSS: Cascading Style Sheets | MDN
The -webkit-overflow-scrolling CSS property controls whether or not touch devices use momentum-based scrolling for a given element.
Read more >
Avoid 100vh On Mobile Web
When the address bar is visible, the bottom of the screen gets cut off since mobile browsers incorrectly set 100vh to be the...
Read more >
How to prevent overflow scrolling in CSS - LogRocket Blog
So, as a suggestion to fix this issue, avoid using pixels and percentages on smaller screens. Instead, use fractions and a media query...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found