Comments (3)
The Dropdown automatically positions the content of the menu above the Dropdown, should the remaining screen height not be sufficient.
https://gfycat.com/tamedimpledgonolek
https://lightspeed-flame.netlify.com/?path=/story/dropdown--story
Is this what you mean?
from flame.
@alexislightspeed Yes, but then not having the dropdown look ugly and squashed on top of the dropdown target. There's also no way to force the dropdown to always be above (because in some cases popper cannot tell whether it has space below the target due to absolute positioning of the target).
from flame.
I'll most likely be adding back some way to position things as forcing the dropdown to always be position downwards might be a bit too restrictive. Perhaps a "position/placement" prop in which you can set to either "top" or "bottom".
Gonna be checking this out, but it shouldn't be too bad to do.
from flame.
Related Issues (20)
- Modal body is separated from the footer HOT 2
- Add more standardized menu for dropdown HOT 1
- Simplify Button component HOT 1
- Use deepmerge themes when overriding HOT 1
- Flame next major HOT 3
- Make Input id as required (in TS typings) HOT 1
- Move to Component Story Format for Storybook stories HOT 1
- Leverage spritemaps for Flags
- Add `colors.background` alias
- Label component(s) should be display: inline-flex HOT 1
- Link in "Table" component page leads to 404
- Checkbox indeterminate is not updating
- RFC: Styling API consolidation and a just more fun to use component API system
- eslint-ordering configuration updated HOT 2
- Input component has not type by default HOT 1
- Positioning issue for Tooltip and Dropdown
- Disabled states in radio and checkboxes should affect labels HOT 3
- Request for new Component • Dropdown Multiselect HOT 3
- Add children to all component interfaces where the prop is used
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from flame.