title: Event Handling for different screen sizes in Blazor Wasm
body: <p>Blazor WASM Client Application requires to have certain hover events of menu items on a web browser screen and click events on tablet size screens. In order to receive the browser-screen width, js interop and an additional Browser service are used (similar to the approach in <a href="https://blazor.tips/blazor-how-to-ready-window-dimensions/" rel="nofollow noreferrer">https://blazor.tips/blazor-how-to-ready-window-dimensions/</a>) to get the width and apply conditions on event handling. But if this Blazor App is initially loaded on a web browser (say &gt;1000px screen having hover events) and when resized to a tab width (say &lt;992px screen having click events for the same menus), the page needs a refresh to re-render the widths after resizing into the razor component.</p>
  <p>Is there any alternative to read the dynamic changing of screen width into the component in the Blazor App?</p>
  <p>Note:
  There is a way to detect the screen sizes using BlazorPro. BlazorSize package <a href="https://github.com/EdCharbeneau/BlazorSize" rel="nofollow noreferrer">https://github.com/EdCharbeneau/BlazorSize</a>
  but unfortunately, it is not working for me</p>