autohiding navbar shows too soon when tabbar is hidden

[MoscaDotTo]

Hello! I fixed this for myself at one point but accidentally overwrote my change so I'm asking here!

I want the navbar to only unhide itself when my cursor touches the topmost row of pixels on the screen. currently, it unhides itself whenever the mouse is about 30px from the top of the screen (anywhere within where the navbar would be if it were visible) which actively interferes with interactive website elements. can someone point me to the relevant line of css to modify?

[segln]

Have you resolved it? I would really appreciate it if you could share the solution.

[117649]

I did this:

@-moz-document url(chrome://browser/content/browser.xhtml){
@media (-moz-bool-pref: "userChrome.autohide.tabbar") and (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.autohide.navbar") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner")),
(-moz-bool-pref: "userChrome.autohide.tabbar") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.autohide.navbar") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner")),
(-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.autohide.navbar") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner")),
(-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.autohide.navbar") and (not (-moz-bool-pref: "userChrome.tabbar.one_liner")) {

  #nav-bar:not([customizing]) #urlbar,
  #nav-bar:not([customizing]) toolbarspring {
    visibility: collapse;
    animation: 0s linear 3s forwards delaycollapse;
    animation-delay: 3s;
    will-change: visibility, margin-bottom, animation-delay, animation-direction, opacity;
  }
  
  #navigator-toolbox:is(:hover, :focus-within) #nav-bar:not([customizing]) #urlbar,
  #navigator-toolbox:is(:hover, :focus-within) #nav-bar:not([customizing]) toolbarspring {
    visibility: visible;
    animation-direction: reverse;
    animation-delay: 0s;
  }

  @keyframes delaycollapse {
    99% {
      visibility: visible;
    }

    100% {
      visibility: collapse;
    }
  }
}

Only set visibility should be enough I tried to use animation to delay the visibility change to match bar hide transition but no effect at all.