Grid sort arrow ui is in wrong place.

This is in Blazor WASM app. I am on SyncFusion version 20.1.0.55.

My index.html file has

    <link rel='nofollow' href="_content/Syncfusion.Blazor.Themes/bootstrap5.css" rel="stylesheet" />

    <script src="_content/Syncfusion.Blazor.Core/scripts/syncfusion-blazor.min.js" type="text/javascript"></script>


Why are my sort arrows floating in the wrong spot? 

See this image:



In your demo, the arrow should be right next to the filter icon.




There are other display issues as well with the grid, but this is the easiest to explain.



17 Replies

MS Monisha Saravanan Syncfusion Team June 13, 2022 02:50 PM UTC

Hi Jason,


Greetings from Syncfusion support.


We have checked your query and we could not able to reproduce the reported issue at our end. We have included an sample. Kindly check the attached sample for your reference.


Sample : https://www.syncfusion.com/downloads/support/directtrac/general/ze/DataGrid723052481.zip


Also we would like to inform that we have included breaking changes in loading scripts and styles in our latest version and javascript isolation is marked as obsolete from our version(20.1.0.47). So we suggest you to use any one of the below method to load styles and scripts externally for better performance.



  1. CDN
Scripts- https://blazor.syncfusion.com/documentation/common/adding-script-references#cdn-reference
Styles - https://blazor.syncfusion.com/documentation/appearance/themes#cdn-reference

 

  1. Static Web Assets

Scripts - https://blazor.syncfusion.com/documentation/common/adding-script-references#static-web-assets

 

Styles - https://www.nuget.org/packages/Syncfusion.Blazor.Themes/


Also refer the below release notes for your additional information.


Reference: https://blazor.syncfusion.com/documentation/release-notes/20.1.47?type=all#common


Example code snippet:

[layout.cshtml]/[Host.cshtml]

 

<link rel='nofollow' href=https://cdn.syncfusion.com/blazor/20.1.55/styles/bootstrap5.css rel="stylesheet"/>

      <script src=https://cdn.syncfusion.com/blazor/20.1.55/syncfusion-blazor.min.js type="text/javascript"></script>

    


Note:  Need to disable javascript isolation while using the above ways( AddSyncfusionBlazor()).


If the reported issue still persist then kindly get back to us with below details to validate further at our end.


  1. Share the entire Grid code snippet along with scripts and styles reference.
  2. Share us the video demonstration of the issue explaining your query.
  3. If possible share us the issue reproduceable sample.


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,

Monisha




MA Michael Aston June 17, 2022 11:18 AM UTC

I'm seeing the same. If you add  AllowTextWrap="true" to your sample its reproducable.




SP Sarveswaran Palani Syncfusion Team June 20, 2022 04:42 PM UTC

Hi Jason,


Thanks for your patience.


We have confirmed this as an issue and logged the defect report Grid sort arrow UI is in wrong place for the same. Thank you for taking time to report this issue and helping us to improve our product. At Syncfusion, we are committed to fix all validated defects (subject to technological feasibility and Product Development Life Cycle) and this fix will be included in our upcoming patch release which is expected to be rolled out on or before 29th June 2022.


You can now track the current status of your request, review the proposed resolution timeline, and contact us for any further inquiries through this link. 

      

https://www.syncfusion.com/feedback/35780/grid-sort-arrow-ui-is-in-wrong-place


Until then we appreciate your patience.


Regards,

Sarveswaran PK



SP Sarveswaran Palani Syncfusion Team July 5, 2022 04:21 PM UTC

Hi Jason,


Sorry for the Inconvenience.


we are not able to include the reported problem “Grid sort arrow UI is in wrong placein our mentioned patch release as promised. We have planned to include this in our upcoming patch release which is expected to be rolled out by 26th July 2022.

Till then we appreciate your patience.    


Regards,   

Sarveswaran PK



JA Jason August 3, 2022 07:47 PM UTC

Is this fix available yet?



SP Sarveswaran Palani Syncfusion Team August 4, 2022 04:02 PM UTC

Hi Jason,

Sorry for the Inconvenience caused.

we are not able to include the reported problem “Grid sort arrow UI is in wrong place in our mentioned patch release as promised. We have planned to include this in our upcoming Volume 2 SP  release which is expected to be rolled out by 10th August 2022.

Till then we appreciate your patience.    


Regards,   

Sarveswaran PK



SP Sarveswaran Palani Syncfusion Team August 10, 2022 05:07 PM UTC

Hi Jason,


We are glad to announce that, we have included fix for the issue Grid sort arrow UI is in wrong placein our release(20.2.0.43).  So please upgrade to our latest version of Syncfusion NuGet package to resolve the reported issue. Please find the Nuget package for latest fixes and features from below.


Nuget : https://www.nuget.org/packages/Syncfusion.Blazor.Grid


We thank you for your support and appreciate your patience in waiting for this release. Please get in touch with us if you need any further assistance. 

   

Regards,            

Sarveswaran PK



JA Jason August 17, 2022 05:59 AM UTC

I updated my packages from 20.1.0.55 to 20.2.0.44 and nothing seems to have changed. I cleaned my solution and forced refresh in my browser. Is there a step I am missing to get this to work?



SP Sarveswaran Palani Syncfusion Team August 18, 2022 04:24 PM UTC

Hi Jason,


Thanks for contacting Syncfusion support again.


We have analyzed your query and created sample based on your requirement in our latest nuget version (20.2.0.44). But we didn’t able to replicate the reported issue at our end. Kindly refer the attached sample and screenshot for your reference.



If you’re still facing an issue, please reproduce the reported issue in our provided sample and share screenshot of an issue. It’ll be helpful for us to further validate the reported query at our end and provide solution as easy as possible.


Regards,

Sarveswaran PK


Attachment: SfGridSort_843d4bf4.zip


JA Jason September 7, 2022 07:48 PM UTC

Please look at the attached image and the attached project. Explain why when I use the column chooser the table becomes unusable. Simply show the description column and it will look like the image. Also, the columns are too narrow. The "name" and "start" column should not be wrapping.






Attachment: BlazorGridRendering_e474754c.7z



SP Sarveswaran Palani Syncfusion Team September 8, 2022 05:08 PM UTC

Hi Jason,


Greetings from Syncfusion support.


We have analyzed your query and state that your reported issue was reproduced at our end. So, we discuss with our dev team and update the further details within two business days. Until then we appreciate your patience.


In the mean time, can you share the .Net and VSCode version to us. It’ll be helpful for us to validate the reported query at our end and provide solution as early as possible. 


Regards,

Sarveswaran PK



JA Jason September 10, 2022 05:49 AM UTC

.net 6. i do not use VSCode or visual studio

i run and build from command line



SP Sarveswaran Palani Syncfusion Team September 12, 2022 06:35 PM UTC


Hi Jason,

Sorry for the Inconvenience.

We are currently Validating the reported query with high priority at our end, and we will update the further details within two business days. Until then we appreciate your patience.

Regards,

Sarveswaran PK



SP Sarveswaran Palani Syncfusion Team September 14, 2022 08:36 PM UTC

Hi Jason,


Greetings from Syncfusion support.


We have confirmed this as an issue and logged the defect report Column values get misaligned when enabling GridLines.Both in Autofitfor the same. Thank you for taking time to report this issue and helping us to improve our product. At Syncfusion, we are committed to fix all validated defects (subject to technological feasibility and Product Development Life Cycle) and this fix will be included in our upcoming patch release which is expected to be rolled out on or before 4th October 2022.


You can now track the current status of your request, review the proposed resolution timeline, and contact us for any further inquiries through this link.       


https://www.syncfusion.com/feedback/37739/column-values-get-misaligned-when-enabling-gridlines-both-in-autofit


Disclaimer: “Inclusion of this solution in the weekly release may change due to other factors including but not limited to QA checks and works reprioritization”


Until then we appreciate your patience.


Regards,

Sarveswaran PK






SP Sarveswaran Palani Syncfusion Team October 9, 2022 05:19 PM UTC

Hi Jason,


Sorry for the Inconvenience.


we are not able to include the reported problem “Column values get misaligned when enabling GridLines.Both in Autofit in our mentioned patch release as promised. We have planned to include this in our upcoming patch release which is expected to be rolled out by 26th October 2022.

Till then we appreciate your patience.    


Regards,   

Sarveswaran PK



SP Sarveswaran Palani Syncfusion Team October 31, 2022 05:56 PM UTC

Hi Jason,


Sorry for the Inconvenience.


we are not able to include the reported problem “Columns get misaligned when column width and grid width is not defined
in our mentioned patch release as promised. We have planned to include this in our upcoming patch release which is expected to be rolled out by 9th November 2022.

Till then we appreciate your patience.    


Regards,   

Sarveswaran PK




SP Sarveswaran Palani Syncfusion Team November 9, 2022 04:07 PM UTC

Hi Jason,


We are glad to announce that, we have included fix for the issue “Columns get misaligned when column width and grid width is not definedin our release (20.3.0.56).  So please upgrade to our latest version of Syncfusion NuGet package to resolve the reported issue. Please find the Nuget package for latest fixes and features from below.


Nuget : https://www.nuget.org/packages/Syncfusion.Blazor.Grid


We thank you for your support and appreciate your patience in waiting for this release. Please get in touch with us if you would require any further assistance. 

   

Regards,            

Sarveswaran PK


Loader.
Up arrow icon