Unplanned
Last Updated: 02 Jan 2023 06:05 by ADMIN
Joshua
Created on: 16 Apr 2021 13:11
Category: MediaQuery
Type: Bug Report
6
The MediaQuery throws an error on iPad Safari

When I use the Telerik MediaQuery component on a razor page, an error is thrown:

Microsoft.AspNetCore.Components.Server.Circuits.RemoteRenderer[100]
      Unhandled exception rendering component: this.mediaQueryList.addEventListener is not a function. (In 'th
is.mediaQueryList.addEventListener("change",this.onMediaChange)', 'this.mediaQueryList.addEventListener' is un
defined)
2 comments
ADMIN
Stamo Gochev
Posted on: 02 Jan 2023 06:05

Hello,

The Telerik UI for Blazor MediaQuery component relies on browser APIs for window.matchMedia and MediaQueryList:

https://developer.mozilla.org/en-US/docs/Web/API/MediaQueryList#browser_compatibility

which are listed as available on the latest versions of Safari.

This being said, can you provide more details about the iPad and its Safari version that you are testing with, so I can re-check the scenario? In addition, can you provide a runnable Telerik Blazor REPL example with the configuration of the MediaQuery component?

Regards,
Stamo Gochev
Progress Telerik

Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.

Giampaolo
Posted on: 26 Dec 2022 17:23

Hi

Excuse me

is this bug still open?