Hi there folks. I’m enjoying trying out the new features in Elements (which is looking great) and was playing with the new dropdown component and having trouble with getting it to display correctly when previewing on Safari. I basically created a little dropdown menu which would reveal three buttons that should sit ABOVE the text in the background. Within the Elements wysiwyg editor window I can get it to work perfectly … like this:
However, when I preview the page in safari the revealed menu buttons are always below background text like this:
I’ve tried playing around with the Z-index for various levels of components but it is always the same in the browser. Is this a bug or is there a trick I’m missing? Either way I’m assuming what I see in the editor should not be very different from the browser preview.
