ion-autocomplete Search form not accessible if runed through popover

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

Oct 23 '15 13:10 Kopleman

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.

Mar 12 '16 16:03 Hypher

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

May 30 '16 07:05 Florian9-3

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

Jun 21 '16 16:06 guylabs

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; }

Oct 11 '16 11:10 smchae

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

Oct 15 '16 12:10 guylabs