Floating point media queries don't work correctly on iOS

[arechsteiner]

The floating point media-queries that have been introduced in beta.3 don't work correctly on iPad.

The code generated by media-breakpoint-up and media-breakpoint-down now looks like this:

@media (min-width: 768px) {
  .ipad-media-query-desktop {
    background: blue;
  }
}

@media (max-width: 767.99px) {
  .ipad-media-query-mobile {
    background: blue;
  }
}

Now with these dummy divs you'd expect only one to be blue at any given screen size:

<div class="ipad-media-query-desktop">I'm blue on the big screen</div>
<div class="ipad-media-query-mobile">I'm blue on the small screen</div>

On Chrome this works correctly if you jump back and forth between 767px and 768px, hower on iPad on portrait mode both are blue:

[patrickhlauke]

Fixed via #25177

[arechsteiner]

Ah thanks. I searched for "floating" and "media" but couldn't find anything in the issues.