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

Search form not accessible if runed through popover #103

Open
Kopleman opened this issue Oct 23, 2015 · 5 comments
Open

Search form not accessible if runed through popover #103

Kopleman opened this issue Oct 23, 2015 · 5 comments
Assignees
Labels
Milestone

Comments

@Kopleman
Copy link

So this is problem: If we put ion-autocomplete inside $ionicPopover template and then click on field we will see a search form, but you can work with it all until some click made. Here is pen http://codepen.io/anon/pen/xwYjvJ

@guylabs guylabs added the bug label Nov 9, 2015
@guylabs guylabs added this to the 0.3.2 milestone Nov 9, 2015
@guylabs guylabs self-assigned this Nov 9, 2015
@guylabs guylabs modified the milestones: 0.3.3, 0.3.2 Mar 11, 2016
@Hypher
Copy link

Hypher commented Mar 12, 2016

I get another problem here, because the <body> tag get the popover-open class:
.popover-open { pointer-events: none; } that deactivates any user interaction with the whole page, including the .ion-autocomplete-container which is appended to it.

@Florian9-3
Copy link

Any solution for this? I have the same problems with $ionicPopup

@guylabs
Copy link
Owner

guylabs commented Jun 21, 2016

Hi @Hypher, @Florian9-3,

currently I do not have the time to look into this as it is not a trivial issue as it involves how Ionic modals/popovers are created etc.

If someone of you has the time to look into it then it would be great and really appreciated but at the moment I cannot work on it. Maybe in a later point in time.

Sorry for that.

Regards,

Guy

@guylabs guylabs modified the milestones: Backlog, 0.3.3 Sep 24, 2016
@smchae
Copy link

smchae commented Oct 11, 2016

Is there any update on this issue?

Any advice or suggestion would be appreciated.

Thank you.

UPDATE: I have found temporary solution for this. I have edited ionic.css file

.popup-open {
  pointer-events:  none; }

to

.popup-open {
  pointer-events: auto; } 

@guylabs
Copy link
Owner

guylabs commented Oct 15, 2016

Hi @smchae

thanks a lot for this workaround. I think this is the only solution to this problem to override the popup-open class and add the proper pointer-events property.

As this is handled from Ionic I would say I will add this to the documentation and then it is clear how to use it within a Ionic popup and then we can close the issue.

What do the others think?

Thanks and regards,

Guy

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

No branches or pull requests

5 participants