Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Responsive positioning of dropdowns #129

Open
jrubenoff opened this issue Jul 15, 2015 · 2 comments
Open

Responsive positioning of dropdowns #129

jrubenoff opened this issue Jul 15, 2015 · 2 comments
Labels
p_structure

Comments

@jrubenoff
Copy link
Contributor

Stemming off issue 8 here. Having a separate .dropdown_right class is problematic on a responsive site.

If a .dropdown button is placed on the right side of the viewport on small screens, it will not be usable:

screen shot 2015-07-15 at 12 41 48 pm

The same occurs if a .dropdown_right button is on the left side on mobile:

screen shot 2015-07-15 at 12 42 15 pm

Two solutions come to mind immediately:

  1. Manually add responsive positioning classes on every dropdown button.
  2. Position dropdowns programmatically with JS.

I prefer the latter, I think, but would that solution be performant? Additional suggestions are welcome.
@ajb
Copy link
Contributor

ajb commented Jul 16, 2015

I bet someone else has solved this for Bootstrap already...

@jrubenoff
Copy link
Contributor Author

Not in Bootstrap 4 alpha, at least:

screen shot 2015-09-23 at 12 54 24 pm

@jrubenoff jrubenoff mentioned this issue Jul 11, 2016
Merged
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
p_structure
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
2 participants
@ajb @jrubenoff