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.

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

md-menu wrong position #1116

Closed
dreday966 opened this issue Aug 25, 2016 · 10 comments
Closed

md-menu wrong position #1116

dreday966 opened this issue Aug 25, 2016 · 10 comments

Comments

@dreday966
Copy link

Bug, feature request, or proposal:

md-menu wrong position

What is the expected behavior?

md-menu postion on button

What is the current behavior?

md-menu showing on the bottom of page

2016-08-25 14-49-36

@dreday966
Copy link
Author

when i click the button,the menu appear on bottom...

@bonaparte89
Copy link

same issue here...

@jmcgoldrick
Copy link

Hey all, check out the getting_started file, you'll be missing this, specifically this:

For alpha.7, you need to include the overlay styles in your app via a link element. This will look something like:

<link href="vendor/@angular2-material/core/overlay/overlay.css" rel="stylesheet">

In future releases, all of the core styles will be combined into a single distributed css file.

@theunreal
Copy link

theunreal commented Aug 26, 2016

Same problem. @jmcgoldrick, it has nothing to do with this css file.

@jelbourn
Copy link
Member

Closing this into #1139

@theunreal if you can reproduce this in a setup that has the core styles loaded can you file a separate issue for this? AFAIK, this issue has been caused by missing the core styles.

@theunreal
Copy link

theunreal commented Aug 31, 2016

Hey @jelbourn, There is already a plunker for this in #1085 (comment). This is not about the core styles.

https://plnkr.co/edit/b7ndPwgiSkNDyACFPlbW?p=preview

The core styles are imported but the tooltip appears in a wrong position. same for menus. All in the plunker

@jelbourn
Copy link
Member

@theunreal the missing styles is still the issue; the problem is that the overlay styles weren't included in core.css (which was wrong), so you also need overlay.css until it's fixed:
https://plnkr.co/edit/fXznny6aMl5cvajDDuOM?p=preview

@theunreal
Copy link

@jelbourn Well the plunker wasn't RTL as my issue
https://plnkr.co/edit/5dJE21K2rqMHQupaAm3C?p=preview

In RTL the positioning is all wrong, with or without the styles. I can't even see the tooltip/menu

@dreday966
Copy link
Author

add css resolve the issue👌

@angular-automatic-lock-bot
Copy link

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

This action has been performed automatically by a bot.

@angular-automatic-lock-bot angular-automatic-lock-bot bot locked and limited conversation to collaborators Sep 5, 2019
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

No branches or pull requests

5 participants