Error IonicModal and Safari 8 (browser desktop and iOS browser) - Click events doesn't work the first time


#1

The first time that I open the modal doesn’t work well, when I close the modal and open it again works.

I let the next plnkr example:


This bug happens in some android devices too. I think that the problem is due to the first time the modal is not added in the DOM! @mhartington @perry @bengtler


#2

So it probably has to do with using another angular module that doesn’t play nice with our tap system.
You could wrap it with a data-tap-disabled or use the regular select element with the multiple attribute.

    <label class="item item-input item-select">
      <div class="input-label">
        Lightsaber
      </div>
      <select multiple>
        <option>Blue</option>
        <option selected>Green</option>
        <option>Red</option>
      </select>
    </label>

#3

Where have I add the data-tap-disabled=“true”? I have tried in the div control and ion-modal-view and it does nothing. One option that works for me is add the following (of course I don’t like this, but it is the best workaround that I have until now):

$ionicModal.fromTemplateUrl('templates/latestopps_filters.html', {
    scope: $scope,
    animation: 'slide-in-up'
  }).then(function(modal) {
      $scope.modal = modal;
      $scope.modal.show(); //adding this
      $scope.modal.hide(); //adding this
  });

But this is a problem with the binding not about tap system isn’t it?


#4

Hmm, again I ask, why can’t use use a regular html element instead of a directive. This is supported on ios and android.


#5

For the project that I am making I have a filter modal and in this I need two UI Custom control. One of them isteven-multi-select and other created by myself. Both has been adapted to Ionic Style and working well in the Devices. But now I only have a problem, the first time that I open the modal with a safari browser. By now if not exist a better solution I will do that I proposed (show and hide).

I think that a how-to or guide to create UI controls for Ionic would be interesting to avoid problems like this. What do you think?