If I accidentally drag and drop a button down into the little overlay window with the blue/purple dragon(?) and information on how to drag, that little overlay window suddenly contains the button and no information on how to drag (nor dragon).

(In reply to Anne (:annevk) from comment #0) > If I accidentally drag and drop a button down into the little overlay window > with the blue/purple dragon(?) and information on how to drag, that little > overlay window suddenly contains the button and no information on how to > drag (nor dragon). This is intentional... It's not a "little overlay window", it's the overflow panel (which is empty by default). This is why it points to the overflow button. I don't understand why it's surprising. If you drag things into the overflow panel, clearly you know how to drag things in/out of it. The illustration is only supposed to show when the panel is empty. How do you expect this to work?

The text underneath the icon also literally says "drag and drop items *here*".

I guess I just got confused by it. I don't really understand the purpose of that box then given the big ass page where you can also drop stuff...

(In reply to Anne (:annevk) from comment #3) > I guess I just got confused by it. I don't really understand the purpose of > that box then given the big ass page where you can also drop stuff... Items you drop in the "big ass page" are gone in normal usage (ie when you exit customize mode, you can't use those buttons/items). Items you drop in the panel will be accessible from the overflow button (>>) at the end of the toolbar (which only appears if there are items in said panel, which there aren't by default). Hence "within reach" (which items in the "big ass page" aren't).

Aaron, anything you think we should change here to try to make this clearer?

Yeah, lets change the headline to be more instructive. That will have the added benefit of being around when there are items in the overflow panel and we lose our helpful Dragon Drop character. Change: Additional Tools and Features To: Drag your favorite items into the toolbar or overflow panel. Updated InVision spec here: https://mozilla.invisionapp.com/share/WUBRB21NH#/screens/229252091_Customization

Comment on attachment 8898735 [details] Bug 1382145 - update customize mode header to be clearer, https://reviewboard.mozilla.org/r/170146/#review175276 ::: browser/locales/en-US/chrome/browser/browser.dtd:847 (Diff revision 1) > <!ENTITY social.directory.text "You can activate Share services from the directory."> > <!ENTITY social.directory.button "Take me there!"> > <!ENTITY social.directory.introText "Click on a service to add it to &brandShortName;."> > <!ENTITY social.directory.viewmore.text "View More"> > > -<!ENTITY customizeMode.menuAndToolbars.header2 "Additional Tools and Features"> > +<!ENTITY customizeMode.menuAndToolbars.header3 "Drag your favorite items into the toolbar or overflow panel."> Note that we call the overflow panel "Overflow Menu" in the context menus ("Pin to Overflow Menu" etc.). Should we use 'menu' here too, or update the context menus to say 'Panel', or are we fine with saying panel here and 'menu' in the context menu?

Oops, I'm mixing up my terms :) Change this one from panel -> menu: "Drag your favorite items into the toolbar or overflow menu."

Comment on attachment 8898735 [details] Bug 1382145 - update customize mode header to be clearer, https://reviewboard.mozilla.org/r/170146/#review175278 LGTM

Pushed by gijskruitbosch@gmail.com: https://hg.mozilla.org/integration/mozilla-inbound/rev/54bd21194e6f update customize mode header to be clearer, r=abenson

I reproduced the behavior described in comment 0. I can confirm this issue is fixed, I verified using Fx 57.0b7, on Windows 10 x64 and mac OS X 10.12.6.