Tools / meatball / dot dot dot / 3 dot / ellipsis menu not clickable for a user

Question

Using Confluence server 6.2.3. I have a user who tells me nothing happens when clicking on the "dot dot dot" menu in the upper right of a Confluence page. He's trying to look at the version history for a page. He tried/says:

* different browsers: Chrome, Firefox and Edge, no joy. 
* logging out, then in -- no effect
* is not running Evernote
* Has been able to click on it in the past, months ago
* He is able to tab to the menu, press enter and access version history that way.

I wonder if there's something in his environment, but don't know where to start.

I also can't find a keyboard shortcut for that menu. There is not one listed on the lists of keyboard shortcuts I've found. Is there one available? There are shortcuts for all the links right next to it!

(What is the real, true name of that menu anyway? I can't find it anywhere in the documentation.)

Thanks in advance for any ideas.

Michelle Rau HP · Answer

Further update, I was able to adjust the CSS to move the search box down far enough to not interfere with clicking the button.

Thanks again Stephen and when our wiki admins upgrade us I will make a point to check for correct operation in the dev environment.

Stephen Sifers · Answer

Hello Michelle,

Thanks for reporting back and confirming there is a customization that may be impacting the meatball menu. My suggestion moving forward would be to plan an upgrade and test within a staging instance and from there troubleshoot the customization. The reason I would suggest this is your version is currently end of life and a new version of Confluence are readily available, these new versions may not function the same with your customization and it would be best to resolve your issues on a later version to avoid conflicts during an upgrade in the future.

Here are additional resources to help with setting up a staging instance and upgrade;

* Create a staging environment for upgrading Confluence
* Upgrading Confluence

Regards,

Stephen Sifers

Michelle Rau HP · Answer

Okay, my user sent me some very helpful info including a video and I think I know what the problem is, but I don't know quite enough about CSS to fix it.

On a few of our spaces, we have a custom search box and help links panel that "floats" in the upper right of the screen just below the "save" "watch" and "share" icons. Here my user is mousing directly over the tools meatballs, and there's no pointy hand:

When he mouses directly *above* the meatballs, he does get a pointy hand:

My user isn't seeing this behavior in spaces that have no floating help panel. I was able to replicate his observations.

Here's the CSS that manages the appearance / position of the panel, which was created by the previous wiki admin. There is a little CSS in the site stylesheet which displays the labels at the very top of the screen, I can supply that if needed. I welcome any suggestions or tweaks that can bump the custom search / help panel out of the way of the menu button. I'm still a rank beginner with CSS.

Our users rely heavily on the search panel which searches only that specific space, so removing it altogether isn't an option.

/* style for the Livesearch widget */ 
div.search-macro.search-macro-medium div.search-macro-query {width: 210px;}
/* style for IE */ 
div#NavLiveSearchWrapper {position: absolute; top: 2.5em; right: 0em; width: 20em;}
/* style for non-IE */ 
@media screen and (-webkit-min-device-pixel-ratio:0) { 
    div#NavLiveSearchWrapper {position: absolute; top: 2.5em; right: 2em; width: 20em;}}
/* prevent page elements from overlapping the assistance panels */
h1#title-text {margin-right: 320px;}

/* style for the help links */ 
div.helplinks {width: 200px;}
/* style for IE */ 
div#helplinks {position: absolute; top: 6.25em; right: 10.5em; width: 20em;}
/* style for non-IE */ 
@media screen and (-webkit-min-device-pixel-ratio:0) { 
    div#helplinks {position: absolute; top: 6.25em; right: 10.5em; width: 20em; background-color: #ffffff; text-align: right;}}
/* prevent page elements from overlapping the assistance panels */
h1#title-text {margin-right: 320px;}