Skip to content
This repository has been archived by the owner on Sep 5, 2024. It is now read-only.

md-select in latest master locks the screen #3704

Closed
hodeyp opened this issue Jul 13, 2015 · 14 comments
Closed

md-select in latest master locks the screen #3704

hodeyp opened this issue Jul 13, 2015 · 14 comments
Assignees
Milestone

Comments

@hodeyp
Copy link

hodeyp commented Jul 13, 2015

when something is clicked in an md-select, ice the md-select closes you can no longer click any other element on the screen

@hodeyp
Copy link
Author

hodeyp commented Jul 13, 2015

note - this is only on md-selects where the name attribute is set via {{}} binding

@epelc
Copy link
Contributor

epelc commented Jul 13, 2015

I also just ran into this.

Here's a demo as it wasn't showing up on the docs website when I selected master for some reason.

http://codepen.io/anon/pen/XbYjNY

To reliable reproduce it open the dialog close it(click outside of it don't select something) then open again and notice you can't close it or select anything.

@chucre
Copy link

chucre commented Jul 14, 2015

+1

Chrome Version 43.0.2357.132 (64-bit) under Mac OS 10.10.2 (14C1514)

@ThomasBurleson
Copy link
Contributor

See @hodeyp comment: 0ebb9eb#commitcomment-12172304

@hodeyp
Copy link
Author

hodeyp commented Jul 15, 2015

Thanks for the fast resolution @ThomasBurleson. Unfortunately it has not fully resolved the issue. I am seeing that if you click a select it works first time. But going back into the same select and trying to select another item shows the select menu but then locks the screen.

@ThomasBurleson
Copy link
Contributor

@epelc
Copy link
Contributor

epelc commented Jul 15, 2015

@ThomasBurleson I couldn't reproduce it directly on material.angularjs.org either. But if you run the demo on codepen then it can be reproduced.

Here's the demo running the latest master and angular 1.4.2

Open the select then click outside of it then open it again and you shouldn't be able to click anything.
http://codepen.io/anon/pen/XbYjNY

@ThomasBurleson
Copy link
Contributor

@epelc - this is an issue with Angular Material and Angular 1.4.x. If you use Angular 1.3.15, the issue does not manifest.

@hodeyp
Copy link
Author

hodeyp commented Jul 16, 2015

@ThomasBurleson I concur, I have regressed to 1.3.15 and it seems to be ok. Interestingly 1.3.16 is not ok. So the issue is not specifically 1.4.x related. Looking the changelog for 1.3.16 there is a reference to 'core: ensure that multiple requests to requestAnimationFrame are buffered' - wondering if that is causing issues somewhere?

@Stexxen
Copy link
Contributor

Stexxen commented Jul 16, 2015

I've closed my issue, once I found this.
Here are my codepens with various combinations that I put together if its any help.

Works OK
Angular 1.3.14 and bower-material master
http://codepen.io/Stexxen/pen/qdyEQG

Does not work.
Angular 1.4.3 and bower-material master
http://codepen.io/Stexxen/pen/pJZJRO

Works OK.
Angular 1.4.3 and bower-material 0.10.0
http://codepen.io/Stexxen/pen/jPpPwp

@ThomasBurleson
Copy link
Contributor

@Stexxen - Thank you. These will be very helpful.

@ThomasBurleson
Copy link
Contributor

This is a duplicate of #3780 (comment)

@ThomasBurleson
Copy link
Contributor

@epelc - Here is an update demo using Angular 1.4.3 and the latest for bower-material master. The Select menu locking issue appears to be gone/fixed: http://codepen.io/ThomasBurleson/pen/bdjLMv

@Stexxen - your demo http://codepen.io/Stexxen/pen/pJZJRO also appears to be working now.

@Stexxen
Copy link
Contributor

Stexxen commented Jul 18, 2015

@ThomasBurleson yes, all confirmed as working. Many Thanks, S.

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Projects
None yet
Development

No branches or pull requests

5 participants