How to disable peak & pop effect (strong pressure's effect with Safari on iPhone 6s)
<p>I need to disable peak effect (strong pressure's effect with Safari on iPhone 6s) on "a" element in this code (bootstrap environment):</p>

<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;article&gt;
  &lt;div class="gall-thumbnail"&gt;
    &lt;a data-toggle="modal" href="mod1#"&gt;
      &lt;img src="img.jpg"/&gt;
      &lt;p class="text-center caption"&gt;Caption&lt;/p&gt;
    &lt;/a&gt;
  &lt;/div&gt;
  &lt;div class="modal fade" id="mod1"&gt;
    &lt;div class="modal-dialog"&gt;
      &lt;div class="modal-content"&gt;
        &lt;div class="modal-header"&gt;
          &lt;button type="button" class="close" data-dismiss="modal" aria-hidden="true"&gt;&amp;times;&lt;/button&gt;
          &lt;h5 class="modal-title text-center"&gt;Caption&lt;/h5&gt;
        &lt;/div&gt;
        &lt;div class="modal-body"&gt;
          &lt;img src="img.jpg" class="img-responsive"/&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
&lt;/article&gt;</code></pre>
</div>
</div>
</p>

<p>I need to disable it because if strong pressing with Safari on iPhone 6s then bootstrap's "modal" component is here in conflict with "peak", and it shows picture other than enlarged img.jpg.</p>

<p>So it would be nice to disable "peek" on "a" element or to show enlarged img.jpg when strong pressing with Safari on iPhone 6s.</p>