We have moved to GitHub Issues
Created by Lee Kelleher 17 Dec 2015, 18:36:14 Updated by Mads Rasmussen 07 Jan 2016, 20:35:51
In 7.4.0 beta, the menu for the "Save and publish" button doesn't display correctly. See attached screengrab.
I'm using Chrome v47.0.2526.106 (on Windows 10).
Hmm, try clearing your broswer cache (thoroughly). I can't repro. What exact resolution does your browser say it has? It may be some cutoff resolution.
@sebastiaan My monitor is 1680x1050 and Chrome dev tools says the viewport is 1680x949.
@leekelleher I wasn't able to reproduce this issue.
I've tested it in: Chrome v47.0.2526.106 on Windows 10 Firefox v42.0 on Windows 10 Edge v25.10586.0.0 on Windows 10
Chrome v47.0.2526.106 on OSX 10.11.2 Firefox v42.0 on OSX 10.11.2 Safari v9.0.2 on OSX 10.11.2
Have you been able to reproduce this again or stumbled upon the issue since last?
Hi @simonbusborg - I haven't checked the 7.4 beta since.
I'm using a Surface Pro 3 ... I'm not sure if that's relevant? (e.g. it might be treated like a tablet?)
Maybe we can close off this ticket, until someone else experiences it?
So I tested it on a Surface and got the same result as you. We get this "bug" because of how bootstrap handles dropdowns on mobile/tablets. Bootstrap detect Suface as a tablet, and therefor pushed an element to the DOM called
''"On mobile devices, opening a dropdown adds a
.dropdown-backdropas a tap area for closing dropdown menus when tapping outside the menu, a requirement for proper iOS support. This means that switching from an open dropdown menu to a different dropdown menu requires an extra tap on mobile."''
Since it's a very old Bootstrap we're using I took the liberty to just add
display: none so that the element wouldn't appear in the DOM anymore.
I've already done a bunch of testing, but I'll create a PR for this and make sure it's proper tested by others as well.
Thanks @simonbusborg, good detective work!
It's possible to test this in Edge, enter developer tools > emulator and choose Windows 10 Mobile as Browser profile, and choose Microsoft Edge, Windows 10 Mobile in User agent string.
I have tested the way you described and it seems to work good.
Backwards Compatible: True
Affected versions: 7.4.0
Due in version: 7.4.0
Sprint: Sprint 6