Semantic-ui: [Dropdown] Falls down when open sublevel menu in dropdown

[irtek]

Hi,

If dropdown menu is off-screen on the bottom edge, it falls up and if dropdown has sublevels, when hover to element menu with submenu all menu falls down.

When hover to "Clothing" in this case, menu fall down.

[stale[bot]]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed in 30 days if no further activity occurs. Thank you for your contributions.

[irtek]

The problem is

[hammy2899]

@irtek Still no test case.

[irtek]

@hammy2899 What should I do for this?

[hammy2899]

@irtek You need to create a JSFiddle to reproduce the issue

[sillicon]

@hammy2899
Here's a JSFiddle: https://jsfiddle.net/b28nz6v0/
Here's what's happening on the documenttation site:

https://semantic-ui.com/modules/dropdown.html#multiple-levels

[Ikaer]

I had the same problem, my workaround was to force dropdown direction option to "upwards" instead of default value 'auto'.
https://semantic-ui.com/modules/dropdown.html#additional-settings

This workaround is ok if you know in advance that you're dropdown should always open in this direction (for example: a footer menu).

[sillicon]

@hammy2899 I provided a JSFiddle https://github.com/Semantic-Org/Semantic-UI/issues/6007#issuecomment-397187702
And a fix for this issue. Can you remove the Need Test Case label?

[lubber-de]

Fixed in https://github.com/fomantic/Fomantic-UI . See http://jsfiddle.net/47wtpcy8/2/