Hi Alexander Kuhlmann,
We have reviewed your query and understand that the "RowDragIndent"
label appears in the drag-and-drop column, and the header text "Indent"
appears in the column with the group collapse/expand icon after updating to the
latest version. We would like to inform you that certain changes were made to
the row drag column to improve accessibility. As part of these changes, the "RowDragIndent"
and "Indent" labels are added solely for screen readers and
are not displayed in the UI. We have validated this behavior by creating a
sample and verified that the "RowDragIndent"and "Indent"
labels is not visible in the UI. Therefore, we were unable to reproduce the
reported issue on our end.
Video demo: Check the attachment.
Please
note that the reported issue may occur if the application is upgraded to the
latest version while older script and theme files remain cached in the browser.
If the browser cache is not cleared properly after upgrading, such
inconsistencies can arise.
For verification purposes, we tested the scenario by updating the NuGet package
to version 33.2.12 or latest version while continuing to use CDN script and
theme version 32.2.4. In this case, the latest NuGet package was intentionally
tested with older scripts and themes. Upon validation, we observed that the
reported issue does occur when older scripts and themes are used with the
latest NuGet version. Please refer to the attached video demo for more details.
Video demo: Check the attachment.
We suspect that browser caching is the root cause of the
issue when Static Web Assets are used to load scripts and themes in App.razor.
Therefore, we recommend clearing the bin and obj
folders in your project, as well as your browser cache when
testing applications that use Static Web Assets. To rule out caching-related
issues, please clear the browser cache completely and then reload the
application to verify whether the issue persists.
To clear the browser cache using Hard Reload (Chrome / Edge)
- Run the application in Google
Chrome or Microsoft Edge.
- Open Developer Tools
- Press F12 or
- Right‑click on the page → Inspect
- Now right‑click the browser
Refresh (↻) button.
- You will see three options:
- Normal Reload
- Hard Reload
- Empty Cache and Hard Reload
- Select Empty Cache and Hard
Reload.
This will clear the browser cache for the application and
reload the page.
We would like to inform you that scripts and themes can be referenced
externally in our application. You can also load them either by using a CDN or
via Static Web Assets. In attached sample , we have used Static Web Assets to
load the scripts and themes in the App.razor file. If you prefer to use the
CDN-based scripts and themes, please refer to the code snippet below and the UG
(User Guide) for more information.
|
<head>
<meta charset="utf-8"
/>
<meta name="viewport"
content="width=device-width, initial-scale=1.0" />
<base rel='nofollow' href="/" />
<link rel="stylesheet"
rel='nofollow' href="bootstrap/bootstrap.min.css" />
<link rel="stylesheet"
rel='nofollow' href="app.css" />
<link rel="stylesheet"
rel='nofollow' href="SyncBlazor.styles.css" />
<link rel="icon"
type="image/png" rel='nofollow' href="favicon.png" />
<HeadOutlet />
<link rel='nofollow' href="https://cdn.syncfusion.com/blazor/34.1.33/styles/bootstrap5.css"
rel="stylesheet" />
<script src="https://cdn.syncfusion.com/blazor/34.1.33/syncfusion-blazor.min.js"
type="text/javascript"></script>
</head>
|
UG
: Blazor
themes | Bootstrap, Fluent, Tailwind, Material | Syncfusion
Reference
script files for Syncfusion Blazor
If the reported issue still occurs, kindly share the following details to help
us investigate further at our end:
1.
Could you share the complete Grid rendering code along with the
model class? Based on your Grid configuration, we attempted to adjust our
sample to replicate the issue.
2.
Is any custom CSS used on your end in the Grid? If yes, please
remove the Grid-related custom CSS once and check whether the issue is
resolved.
3.
Please specify which theme you are using in your example (e.g.,
Bootstrap5, Fluent2, Material3).
4.
Share us the video demonstration of the issue with elaborately, it
will be more useful to us.
5.
Provide a simple reproducible sample or try to reproduce the issue
using our shared sample. This would help us validate and provide a better
solution.
The above-requested details will
be very helpful for us to validate the reported query at our end and provide
the solution as early as possible.
Regards,
Prathap Senthil
Attachment:
Attachements_5d8bc5d4.zip
