Menu icon Foundation
Vertical Dropdown menu always open right

I'm really struggling with this at the moment. I have a vertical dropdown menu which I want all sub menu's to open on the right. I've tried adding 

data-alignment="left"

but depending on the width of the screen the menu applies either "opens-inner", "opens-left", or "opens-right". I can't seem to over-ride this. Is this normal behaviour?

Update: Even using the example from the Foundation Docs the same thing happens: View Codepen

 

How do you ensure a dropdown menu always opens to the right, regardless of screen size?

dropdownmenuvertical

I'm really struggling with this at the moment. I have a vertical dropdown menu which I want all sub menu's to open on the right. I've tried adding 

data-alignment="left"

but depending on the width of the screen the menu applies either "opens-inner", "opens-left", or "opens-right". I can't seem to over-ride this. Is this normal behaviour?

Update: Even using the example from the Foundation Docs the same thing happens: View Codepen

 

How do you ensure a dropdown menu always opens to the right, regardless of screen size?