Skip to content
Go to file

Latest commit

When the menu contain the child menu, the calculation of menu height is incorrect while evaluating to open upward or downard.

It's because the child menu is hidden when the current menu is in the transition of being open and it doesn't occupy any space in the current menu and the height of the current menu is incorrectly calculated without the height of child menu which let the menu opens upward or downward incorrectly.

This PR checks if the current menu has the child menu and adds the child menu height to the current menu height to give correct assumption whether the menu fits in the screen upward or downward.

Git stats


Failed to load latest commit information.
Latest commit message
Commit time

Fomantic Logo


A community fork of the popular Semantic-UI framework.

GitHub Actions Status last commit (develop) License Rate on Openbase

Discord Server Follow on Twitter

npm downloads npm version

jsdelivr CDNJS

Package Quality GitHub contributors Dependabot Status Known Vulnerabilities

NOTE: Fomantic was created to continue active development of Semantic-UI and has the intent to be merged back into the master repository once active development can restart. For more info please read the following issues

EDIT: Lots has changed since we started this project and we are now starting the development of FUI v3. You can read more about the v3 proposals here.

To be clear merging back into SUI is still our intention, read this comment for more info

Fomantic allows developers to build beautiful websites fast, with concise HTML, intuitive javascript, and simplified debugging, helping make front-end development a delightful experience. Fomantic is responsively designed allowing your website to scale on multiple devices.

📡 Installation

$ npm install fomantic-ui

Living on the edge? Try our nightly build and test new features and bug fixes early!

$ npm install fomantic-ui@nightly

Fomantic includes an interactive installer to help setup your project.

💻 Browser Support

  • Last 2 Versions FF, Chrome, Safari Mac
  • IE 11+
  • Android 4.4+, Chrome for Android 44+
  • iOS Safari 7+
  • Microsoft Edge 12+

Although some components will work in IE9, grids and other flexbox components are not supported by IE9 and may not appear correctly.

📦 Other packages

Environment Install Command Repository Third-Party
CSS Only npm install fomantic-ui-css Fomantic-UI-CSS
LESS npm install fomantic-ui-less Fomantic-UI-LESS
SASS gem 'fomantic-ui-sass' Fomantic-UI-SASS

💬 Community

💡 Getting Help

If your looking for help with an issue we offer multiple ways for you to get support. You can post usage questions here on GitHub or you can ask in our community Discord server.

🐛 Submitting Bugs and Enhancements

GitHub Issues is for suggesting enhancements and reporting bugs. Before submitting a bug make sure you do the following:

  • Check to see if the issue has already been raised.
  • Fork this boilerplate JSFiddle to create a reproducible example of the bug. If a bug is apparent in the docs you can simply link to the docs example, just make it clear exactly how to reproduce the issue. Only bugs that include a test case can be triaged.
  • If submitting an enhancement try and create it in the JSFiddle if not it's fine but explain clearly what you want.

📝 Pull Requests

Before creating a pull request be sure to read the Contributing Guide and our Code of Conduct, this is where we explain everything you need to know about contributing to Fomantic.


Infrastructure hosted and powered by DigitalOcean


Sign up now and get $100 in credit for 60 days! Sign up here!

Cross-browser testing provided by BrowserStack


IDE's provided by JetBrains



Semantic-UI was beautifully crafted by @jlukic

You can’t perform that action at this time.