X
Tap here to go to the mobile version of the site.
An updated version of Firefox is available to address the issues with Add-ons disabled or fail to install on Firefox. You can download the update for your OS here: https://www.mozilla.org/firefox/new/ For Known Issues and Workarounds, please check out the update at https://support.mozilla.org/kb/add-ons-disabled-or-fail-to-install-firefox

Support Forum

Auto Hide Bookmarks Toolbar's 'dragging-to' not working!

Posted

Basically the toolbar is not showing when I drag any links on the page to the already hidden bookmarks toolbar (also same effect I'm trying to achieve when dragging tabs from TreeStyleTab add-on's side bar to my bookmarks toolbar)

I'm using this code to hide the bookmaarks toolbar:

:root:not([customizing]) #nav-bar{    z-index: 1 !important;}
:root:not([customizing]) #PersonalToolbar {   position: fixed;  visibility: hidden;  
opacity: 0;  margin-top: -25px !important;  transition: all 0.3s ease 0s !important;
padding: 3px 0;  width: 100%;}
:root:not([customizing]) :hover > #PersonalToolbar,
:root:not([customizing]) #navigator-toolbox:focus-within #PersonalToolbar * {
visibility: visible;  opacity: 1;  margin-top: 0px !important; moz-transition-delay: 0.4s;}
Basically the toolbar is not showing when I drag any links on the page to the already hidden bookmarks toolbar (also same effect I'm trying to achieve when dragging tabs from TreeStyleTab add-on's side bar to my bookmarks toolbar) I'm using this code to hide the bookmaarks toolbar: <pre><nowiki>:root:not([customizing]) #nav-bar{ z-index: 1 !important;} :root:not([customizing]) #PersonalToolbar { position: fixed; visibility: hidden; opacity: 0; margin-top: -25px !important; transition: all 0.3s ease 0s !important; padding: 3px 0; width: 100%;} :root:not([customizing]) :hover > #PersonalToolbar, :root:not([customizing]) #navigator-toolbox:focus-within #PersonalToolbar * { visibility: visible; opacity: 1; margin-top: 0px !important; moz-transition-delay: 0.4s;}</nowiki></pre>

Modified by cor-el

Additional System Details

Application

  • User Agent: Mozilla/5.0 (Windows NT 6.1; Win64; x64; rv:60.0) Gecko/20100101 Firefox/60.0

More Information

jscher2000
  • Top 10 Contributor
8322 solutions 68122 answers

Helpful Reply

Hmm, okay, dragging isn't considered hovering. That's interesting.

Can you track down the author of that custom style rule to see whether a fix is available? (I can't think of one.)

Hmm, okay, dragging isn't considered hovering. That's interesting. Can you track down the author of that custom style rule to see whether a fix is available? (I can't think of one.)

Question owner

jscher2000 said

Hmm, okay, dragging isn't considered hovering. That's interesting. Can you track down the author of that custom style rule to see whether a fix is available? (I can't think of one.)

Hi jscher2000 , thanks for responding, I tried many 'auto hide bookmark bar' styles but neither one was able to show the toolbar when I'm in dragging action. If only I could combine hovering while I'm still dragging somehow, I can think of the add-on solution if hover can be activated while I'm still on Tree Style Tab's side bar then I can move mouse without touching page content but it would still be half the solution.

I don't know if this problem is related but I feel that the window dragging parts in the toolbar conflict with hovering action: https://redd.it/73lz0y

Edit: tried to apply no drag attribute from above link, window dragging disappeared but still the issue remained...

''jscher2000 [[#answer-1174922|said]]'' <blockquote> Hmm, okay, dragging isn't considered hovering. That's interesting. Can you track down the author of that custom style rule to see whether a fix is available? (I can't think of one.) </blockquote> Hi jscher2000 , thanks for responding, I tried many 'auto hide bookmark bar' styles but neither one was able to show the toolbar when I'm in dragging action. If only I could combine hovering while I'm still dragging somehow, I can think of the add-on solution if hover can be activated while I'm still on Tree Style Tab's side bar then I can move mouse without touching page content but it would still be half the solution. I don't know if this problem is related but I feel that the window dragging parts in the toolbar conflict with hovering action: https://redd.it/73lz0y Edit: tried to apply no drag attribute from above link, window dragging disappeared but still the issue remained...

Modified by vpr111

jscher2000
  • Top 10 Contributor
8322 solutions 68122 answers

Sorry, I didn't see any way to detect that dragging was occurring when I look at this the other day.

Sorry, I didn't see any way to detect that dragging was occurring when I look at this the other day.

Question owner

jscher2000 said

Sorry, I didn't see any way to detect that dragging was occurring when I look at this the other day.

Oh I'm sorry that my reply looked confusing I should've sorted this better, the dragging parts of the window was a little of problem for me that got fixed by adding the no drag attribute (like if the mouse is positioned on the dragging or empty parts in toolbar then the toolbar would hide itself):

#main-window[tabsintitlebar] #navigator-toolbox > toolbar:not(#toolbar-menubar):not(#TabsToolbar):-moz-lwtheme {
  -moz-window-dragging: no-drag;
}

But the real one is hovering over the toolbar, it doesn't get activated, when I drag any link on the page, or tab(s) from aforementioned add-on. like if I'm holding the mouse on links and drag to bookmarks toolbar in order to bookmark a link or tab (it helps saves time). Thanks for responding... I still can't find a solution yet... I appreciate your following up on this.. I'll report back if i find anything...

Edit: what bothers me is that if I hold a link and step over a 1 pixel under the navigation bar waving the mouse until the folders in toolbar pop up but still the toolbar is not showing. I think its the CSS way of hiding the toolbar with margin attribute...

''jscher2000 [[#answer-1175316|said]]'' <blockquote> Sorry, I didn't see any way to detect that dragging was occurring when I look at this the other day. </blockquote> Oh I'm sorry that my reply looked confusing I should've sorted this better, the dragging parts of the window was a little of problem for me that got fixed by adding the no drag attribute (like if the mouse is positioned on the dragging or empty parts in toolbar then the toolbar would hide itself): <pre><nowiki>#main-window[tabsintitlebar] #navigator-toolbox > toolbar:not(#toolbar-menubar):not(#TabsToolbar):-moz-lwtheme { -moz-window-dragging: no-drag; }</nowiki></pre> But the real one is hovering over the toolbar, it doesn't get activated, when I drag any link on the page, or tab(s) from aforementioned add-on. like if I'm holding the mouse on links and drag to bookmarks toolbar in order to bookmark a link or tab (it helps saves time). Thanks for responding... I still can't find a solution yet... I appreciate your following up on this.. I'll report back if i find anything... Edit: what bothers me is that if I hold a link and step over a 1 pixel under the navigation bar waving the mouse until the folders in toolbar pop up but still the toolbar is not showing. I think its the CSS way of hiding the toolbar with margin attribute...

Modified by vpr111

jscher2000
  • Top 10 Contributor
8322 solutions 68122 answers

Helpful Reply

I saw a property that looked promising (:-moz-drag-over), but it didn't work in my test:

/* Hide Bookmarks Toolbar, Switch to Fixed Positioning */
#main-window:not([customizing]) #PersonalToolbar {
  position: fixed; margin-top: -25px !important; width: 100%; padding: 3px 0;
  visibility: hidden; opacity: 0; 
  transition: all 0.3s ease 0.3s !important;
}
#main-window:not([customizing]) #nav-bar {
  z-index: 1 !important;
}
/* Show bar on hover, focus */
#main-window:not([customizing]) #navigator-toolbox:hover #PersonalToolbar,
#main-window:not([customizing]) #navigator-toolbox:focus-within #PersonalToolbar,
#main-window:not([customizing]) #navigator-toolbox:-moz-drag-over #PersonalToolbar {
  margin-top: 0px !important; 
  visibility: visible; opacity: 1;  
  transition-delay: 0.4s !important;
}
I saw a property that looked promising ([https://developer.mozilla.org/docs/Web/CSS/:-moz-drag-over :-moz-drag-over]), but it didn't work in my test: <pre>/* Hide Bookmarks Toolbar, Switch to Fixed Positioning */ #main-window:not([customizing]) #PersonalToolbar { position: fixed; margin-top: -25px !important; width: 100%; padding: 3px 0; visibility: hidden; opacity: 0; transition: all 0.3s ease 0.3s !important; } #main-window:not([customizing]) #nav-bar { z-index: 1 !important; } /* Show bar on hover, focus */ #main-window:not([customizing]) #navigator-toolbox:hover #PersonalToolbar, #main-window:not([customizing]) #navigator-toolbox:focus-within #PersonalToolbar, #main-window:not([customizing]) '''#navigator-toolbox:-moz-drag-over''' #PersonalToolbar { margin-top: 0px !important; visibility: visible; opacity: 1; transition-delay: 0.4s !important; } </pre>

Question owner

jscher2000 said

I saw a property that looked promising (:-moz-drag-over), but it didn't work in my test:
/* Hide Bookmarks Toolbar, Switch to Fixed Positioning */
#main-window:not([customizing]) #PersonalToolbar {
  position: fixed; margin-top: -25px !important; width: 100%; padding: 3px 0;
  visibility: hidden; opacity: 0; 
  transition: all 0.3s ease 0.3s !important;
}
#main-window:not([customizing]) #nav-bar {
  z-index: 1 !important;
}
/* Show bar on hover, focus */
#main-window:not([customizing]) #navigator-toolbox:hover #PersonalToolbar,
#main-window:not([customizing]) #navigator-toolbox:focus-within #PersonalToolbar,
#main-window:not([customizing]) #navigator-toolbox:-moz-drag-over #PersonalToolbar {
  margin-top: 0px !important; 
  visibility: visible; opacity: 1;  
  transition-delay: 0.4s !important;
}

This indeed is promising, I tried playing with this code a little unfortunately it's still not showing. I can't see how this can be done, maybe a userChrome.js code with drag or mouse events but maybe that goes deep in Firefox UI..

''jscher2000 [[#answer-1175435|said]]'' <blockquote> I saw a property that looked promising ([https://developer.mozilla.org/docs/Web/CSS/:-moz-drag-over :-moz-drag-over]), but it didn't work in my test: <pre>/* Hide Bookmarks Toolbar, Switch to Fixed Positioning */ #main-window:not([customizing]) #PersonalToolbar { position: fixed; margin-top: -25px !important; width: 100%; padding: 3px 0; visibility: hidden; opacity: 0; transition: all 0.3s ease 0.3s !important; } #main-window:not([customizing]) #nav-bar { z-index: 1 !important; } /* Show bar on hover, focus */ #main-window:not([customizing]) #navigator-toolbox:hover #PersonalToolbar, #main-window:not([customizing]) #navigator-toolbox:focus-within #PersonalToolbar, #main-window:not([customizing]) '''#navigator-toolbox:-moz-drag-over''' #PersonalToolbar { margin-top: 0px !important; visibility: visible; opacity: 1; transition-delay: 0.4s !important; } </pre> </blockquote> This indeed is promising, I tried playing with this code a little unfortunately it's still not showing. I can't see how this can be done, maybe a userChrome.js code with drag or mouse events but maybe that goes deep in Firefox UI..