1. Feedback
  2. Blazor
  3. 11880

Welcome to the Blazor feedback portal. We’re happy you’re here! If you have feedback on how to improve the Blazor, we’d love to hear it!

  • Check out the features or bugs others have reported and vote on your favorites. Feedback will be prioritized based on popularity.
  • If you have feedback that’s not listed yet, submit your own.

Thanks for joining our community and helping improve Syncfusion products!

1
Vote

HideAtMedia not behaving properly after initial rendering

Consider the following scenario:

A grid with 4 columns:

  • Order Date. This column has the HideAtMedia attribute set to (min-width: 700px).
  • Order ID. This column has no HideAtMedia attribute set.
  • Customer Name. This column has no HideAtMedia attribute set.
  • Freight. This column has the HideAtMedia attribute set to (min-width: 700px).

Expected:

Columns “Order Date” and “Freight” are displayed only when the browser screen width is at least 700 px.


Actual:

Column “Order Date” is behaving as expected.

When initial screen size is less than 700 px: Column “Freight” remains hidden regardless of if the screen width is reduced or expanded.

When initial screen size is at least 700 px: Column “Freight” remains displayed regardless of if the screen width is reduced or expanded.


Additional info:

It seems the HideAtMedia attribute is ignored after the initial rendering for any column declared after a column on which no HideAtMedia attribute is set (in this example, "Order ID" and "Customer Name" both have no HideAtMedia attribute set).


Workaround:

The problem disappears if HideAtMedia="(min-width: 0px)" is added to both "Order ID" and "Customer Name".