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

HTML standard select doesn't open up in Chrome mobile 53. #9766

Closed
ghost opened this issue Oct 6, 2016 · 4 comments
Closed

HTML standard select doesn't open up in Chrome mobile 53. #9766

ghost opened this issue Oct 6, 2016 · 4 comments
Assignees
Labels
resolution: works as expected The functionality works as designed and documented.

Comments

@ghost
Copy link

ghost commented Oct 6, 2016

Actual Behavior:

  • What is the issue? * HTML standard select doesn't open up in Chrome mobile 53.
  • What is the expected behavior? HTML standard select pops up as normal.

CodePen (or steps to reproduce the issue): *

Angular Versions: *

  • Angular Version: 1.5.5 (and earlier)
  • Angular Material Version: 1.1.0 (and earlier)

Additional Information:

  • Browser Type: * Chrome (mobile)
  • Browser Version: * 53
  • OS: * Android
  • Stack Traces:

Notes: Hi, i have noticed that Angular Material, in some way, prevents the standard select from opening in Chrome mobile.
This is not the case with Chrome desktop where the select when clicked works as normal.
This only happens when Angular Material is included (not only its dependecies).

@ghost ghost changed the title Vanilla select doesn't open up in Chrome mobile 53. Vanilla (standard html) select doesn't open up in Chrome mobile 53. Oct 6, 2016
@ghost ghost changed the title Vanilla (standard html) select doesn't open up in Chrome mobile 53. Standard html select doesn't open up in Chrome mobile 53. Oct 6, 2016
@ghost ghost changed the title Standard html select doesn't open up in Chrome mobile 53. HTML standard select doesn't open up in Chrome mobile 53. Oct 6, 2016
@devversion
Copy link
Member

I assume this relates to the gestures (See planned work #9362)

Can you confirm it works when doing the following the config phase?

$mdGestureProvider.skipClickHijack();

@devversion devversion self-assigned this Oct 6, 2016
@ghost
Copy link
Author

ghost commented Oct 7, 2016

Yes, it works.

Here's the updated pen.
http://codepen.io/NickDart/pen/LRQLzX

Thanks for your help!

@ghost ghost closed this as completed Oct 7, 2016
@kirtanshah
Copy link

I am facing the same issue and tried your answer. But I got injector error when i used $mdGestureProvider

my code:
app.config(function ($stateProvider, $urlRouterProvider, $ionicConfigProvider, $mdGestureProvider) {
$mdGestureProvider.skipClickHijack();

....... and so on

Please let me know the solution.

@Splaktar
Copy link
Member

@kirtanshah Your example seems to match the example mentioned here. I made a CodePen example as well. It sounds like you are running into a local configuration issue.

@Splaktar Splaktar added the resolution: works as expected The functionality works as designed and documented. label Jan 17, 2018
This issue was closed.
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
resolution: works as expected The functionality works as designed and documented.
Projects
None yet
Development

No branches or pull requests

3 participants