title: Select interaction with swipe in Openlayers
body: <p>I'm using swipe control <a href="https://viglino.github.io/ol-ext/examples/control/map.control.swipe.html" rel="nofollow noreferrer">https://viglino.github.io/ol-ext/examples/control/map.control.swipe.html</a>
  to show two layers on the map: right and left side.</p>
  <p>[EDIT]</p>
  <p>I have two iterations selected, one for each side of the swipe. I changed the style just to check: left side black and right side red. There are two different layers one on each side. When I mouse over, it shows both styles, that is, the iteration is not working only for the side set, but for both layers, even if the mouse is passed on a single side. Does anyone know how to solve?</p>
  <p>Change the select iteration code according to Mike's answer, and when I move the mouse on the right side, it doesn't show the style, but when I move on the left side, it shows both styles, because it's like running both iterations. Does anyone know how to solve?</p>
  <pre><code>var selectPointerMove1 = new ol.interaction.Select({
      condition: function(e) {
          return (
              ol.events.condition.pointerMove(e) &amp;&amp;
              e.pixel[0] &lt; map.getSize()[0] * swipe_control.get('position')
          );
      multi: false,
      layers: [layer1],
      style: function(feature) {
          feature.changed();
          return selectedStyle;
      }
    
  });
  
  var selectPointerMove2 = new ol.interaction.Select({
      condition: function(e) {
          return (
              ol.events.condition.pointerMove(e) &amp;&amp;
              e.pixel[0] &lt; map.getSize()[0] * swipe_control.get('position')
          );
      multi: false,
      layers: [layer2 ],
      style: function(feature) {
          feature.changed();
          return selectedStyle2;
      }
    
  });
  </code></pre>
  <p><a href="https://i.stack.imgur.com/m2i3t.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/m2i3t.png" alt="enter image description here" /></a></p>