Firefox 110 tabs jitter #643
Comments
|
Same here on windows 10 with lepton proton style |
|
Downloaded the new leptonChrome.css made for #628 and that has seemingly fixed the issue Still no smooth scroll of the tabs though |
|
I just tried that too but it didn't work for me |
|
I can confirm the problem still occurs with v7.1.1, and only when there are pinned tabs as previously stated by Jon-dog. |
|
Strangely, it is difficult to reproduce on my computer. |
|
I made some tests and it appears to be some incompatibly with Panorama Tab Groups, when I deactivate this one I don't have the problem any more. That's a pity because I don't want to deactivate it permanently… Maybe Jon-dog uses it too ? More precisely : there has to be at least one pinned tab, and something like 10-20 other tabs in the group, the limit numbers aren't always the same, but if there are too few or too much the problem doesn't occur. I just noticed the jittering doesn't happen if the mouse is not moving. Maybe this will help. |
|
@Wronschien I'm not using Panorama Tab Groups or any other apps that should be causing UI issues, |
|
Here is mine : user.jsuser_pref("general.smoothScroll.lines.durationMaxMS", 1000); // ** Theme Default Options **************************************************** // Proton Enabled #127 || Removed at 97 #328 (Maintained for compatibility with ESR) // Fill SVG Color // CSS Color Mix - 88 Above // CSS Blur Filter - 88 Above // Restore Compact Mode - 89 Above // about:home Search Bar - 89 Above // CSS's // Browser Theme Based Scheme - Will be activate 95 Above // ** Theme Related Options **************************************************** user_pref("userChrome.tab.lepton_like_padding", false); // Original user_pref("userChrome.tab.dynamic_separator", true); // Original, Proton user_pref("userChrome.tab.newtab_button_like_tab", false); // Original user_pref("userChrome.icon.panel_full", true); // Original, Proton // Original Only // Photon Only // == Theme Compatibility Settings ============================================= // user_pref("userChrome.compatibility.os.linux_non_native_titlebar_button", true); // == Theme Custom Settings ==================================================== // user_pref("userChrome.decoration.disable_panel_animate", true); // user_pref("userChrome.autohide.tab", true); // user_pref("userChrome.hidden.tab_icon", true); // user_pref("userChrome.centered.tab", true); // user_pref("userChrome.counter.tab", true); // user_pref("userChrome.combined.nav_button", true); // user_pref("userChrome.rounding.square_button", true); // user_pref("userChrome.padding.first_tab", true); // user_pref("userChrome.padding.toolbar_button.compact", true); // user_pref("userChrome.urlbar.iconbox_with_separator", true); // user_pref("userChrome.urlView.as_commandbar", true); // user_pref("userChrome.tabbar.as_titlebar", true); // user_pref("userChrome.tab.bottom_rounded_corner.all", true); // user_pref("userChrome.navbar.as_sidebar", true); // user_pref("userChrome.bookmarkbar.multi_row", true); // user_pref("userChrome.findbar.floating_on_top", true); // user_pref("userChrome.panel.remove_strip", true); // user_pref("userChrome.sidebar.overlap", true); // user_pref("userChrome.icon.disabled", true); // -- User Content ------------------------------------------------------------- // user_pref("userContent.newTab.hidden_logo", true); // user_pref("userContent.page.proton_color.dark_blue_accent", true); // == Theme Default Settings =================================================== user_pref("userChrome.theme.built_in_contrast", true); user_pref("userChrome.decoration.cursor", true); user_pref("userChrome.padding.tabbar_width", true); user_pref("userChrome.tab.multi_selected", true); user_pref("userChrome.fullscreen.overlap", true); user_pref("userChrome.icon.library", true); // -- User Content ------------------------------------------------------------- user_pref("userContent.newTab.full_icon", true); user_pref("userContent.page.field_border", true); // ** Useful Options *********************************************************** // Integrated unit convertor at urlbar // Draw in Titlebar // ** Scrolling Settings ******************************************************* // == Smooth Scrolling ========================================================== |
|
I'm seeing the same issue. Can I give you any of my configs to see what might be happening? |
|
@mikesafari |
|
Here you go! I'm on Windows 10 22H2. |
|
If that can help, here is how to reproduce the problem on a fresh profile:
|
|
Hello, I had indeed removed the new tab button. Now with it back up there, the problem is gone. |
|
@bogbert Thanks to you, I was able to reproduce it. |
|
I've tested the patched version, the jitter problem appears to be fixed, but I've noticed another issue that (I think) was not present before. To reproduce it follow the same directions I gave in my previous post, but add even more tabs until Firefox displays arrows on both sides of the tab bar. Then you'll notice that the left of the tab bar is not rendered correctly. There is an empty space at the left of the arrow, where the pined tab should be. Instead of being where it should be, the pined tab overlaps on the other tabs, at the right of the arrow. |
|
@bogbert Thanks for feedback. |
|
Everything looks good to me now. Thank you for the fix. |
|
Question before the release. (Scheduled on the 19th or 20th) |
|
How can I test it ? |
|
Follow the method At this time, you need to use the original distribution. |
|
Sadly it doesn't work for me, it's even a bit worse as the jitter happens constantly as opposed to "only when the mouse moves" as before. The workaround of adding back the New Tab button still works though. |
|
In my environment, there is no problem with the jitter even after following the procedure. tab-jitter-test.mp4 |
|
Indeed the remaining problem is on my end : the Panorama Tab Groups extension again. When deactivated all works well. But as I need it I'll keep the New Tab button workaround. |
|
Thank you for telling me the new case. I also tried putting the |
|
This new fix is not in the current Proton style repo (that's the one I'm using), right ? |
|
Yes. you are right. Simple test method: You just need to replace this file. |
|
Using the latest proton repo with this leptonChrome.css doesn't work, still jitters. But maybe that's not what you meant ? |
|
Use the file of the |
|
Yes that's the one I used for replacement. |
|
Hmm, paranoma tab groups support is a bit tricky. Thank you for your continued feedback.It's a huge help for me. |
|
I tried adding |
|
Thank you for testing. Now I think this problem can be solved in a general case. |
|
Right, I hope that's for good now. Until another code change in Firefox some day maybe… |
|
Close because there is no comment until the new version is released. If you have a problem, please comment. |
Describe the bug
Firefox updated recently and it brought back an issue I was having in 108, where tabs will jitter if they are attempting to expand to fill the tab bar. I tried to fix it like I did last time with some user.js edits, but that didn't work Twitter
Previously this would only affect the last tab, but now it affects any of them, except for support tabs like about:support
Through a process of trial and error of disabling the custom scripts I've narrowed it down to the leptonChrome.css file, but that is like 12k lines and I don't know enough css or firefox customisation lingo to sort through all that
A semi-related issue is that the smooth scrolling of tabs seems to have disappeared.
I'll upload the leptonChrome.css if necessary, but it is just the one from the last release
Did some additional testing and found that it has something to do with pinned tabs
Expected behavior
Tabs to expand properly when there's enough to fill the tab bar
Screenshots
No response
OS
Windows 11
OS - Others
No response
Firefox Version
110.0
Distribution
Theme
Theme - More Info
No response
user.jssetupuser.jssetupAdditional context
No response
The text was updated successfully, but these errors were encountered: