Error when Grid in Tab

[Unknown]

Hi,

we have a SFTabmenu with multiple tabs. In each tab we have a grid. The first tab loads fine, when we change the tab to the next one (fast) we get a js error:

Cannot set property 'blazor__instance' of null
TypeError: Cannot set property 'blazor__instance' of null

The issue occurs for us in the grid component, not in the tab component like in the other forum thread. I attached the stacktrace.

Version: 18.2.46

Thank you

Nils

Attachment: Archive_2_4d4a896e.zip

[Vignesh Natarajan]

Hi Nils,   

  

Greetings from Syncfusion support.    

  

Query: “The issue occurs for us in the grid component, not in the tab component like in the other forum thread. I attached the stacktrace.”  

  

We have validated the reported query at our end. Since it is known issue, we have already considered it as a bug and logged defect report “Exception occur in grid like "Cannot set property 'blazor__instance' of null" for the same. Thank you for taking the time to report this issue and helping us improve our product. At Syncfusion, we are committed to fixing all validated defects (subject to technological feasibility and Product Development Life Cycle ) and including the defect fix in our weekly patch release which is expected to be rolled out on or before 4^th August 2020   

  

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/16148/   

  

Till then we appreciate your patience.   

  

Regards,  

Vignesh Natarajan  

 

[Unknown]

Hi,

with version 18.2.48 the error still persists, but with a different error message " Cannot read property 'style' of null".

I attached the stacktrace. This issue is really a big blocker for us.. 

Best 

Nils

Attachment: Archive_2_9b902bfb.zip

[Jeevakanth Palaniappan]

Hi Nils, 

 

We have validated your query with the provided details but unfortunately we are unable to reproduce the reported issue from our end. Please refer the below sample and the video demonstration for your reference. 

 

Sample - https://www.syncfusion.com/downloads/support/directtrac/general/ze/LatestVersion-115015113  

 

Video Demonstration - https://www.syncfusion.com/downloads/support/directtrac/general/ze/TabAndGrid-1939996737  

 

If you are still facing the issue please get back to us with the following details, 

 

1. Share the full grid code
2. If possible provide us the simple issue reproducing sample or reproduce the issue in the provided sample.

 

The above requested details will be helpful for us to validated the issue and provide you a solution as early as possible. 

 

Regards, 

Jeevakanth SP. 

[Unknown]

I was able to isolate it to the sftoolbar used within the grid. If i have this within the grid and tabs around different grids and then change the tab, the error occurs.

<SfToolbar >

<ToolbarItems>

<ToolbarItem Type="ItemType.Input">

<Template>

<div class="toolbar-wrapper hq-mb--m">

<div class="toolbar-title">

<HQLabel Text="@Title" class="grid-title"></HQLabel>

</div>

<div class="toolbar-elements">

<HQButton Type="icon" class="hq-pr--s" Icon="import_export" OnClick="@(() => _exportModalVisible = true)"></HQButton>

@* <HQButton Type="icon" class="hq-pr--m" Icon="HQAktualisieren" OnClick="RefreshData"></HQButton> *@

@* <HQButton Type="icon" Icon="HQFilter" OnClick="ToggleFilter"></HQButton> *@

<HQButton Type="icon" class="hq-pr--s" Icon="settings" OnClick="@((MouseEventArgs args) => { ShowColumnChooser(args); })"></HQButton>

<HQButton Type="icon" class="hq-pr--s" Icon="save" OnClick="SaveGridState"></HQButton>

<HQButton Type="icon" class="hq-pr--s" Icon="delete" OnClick="DeleteState"></HQButton>

@if(DetailTemplate != null) {

<HQButton Type="icon" class="hq-pr--s" Icon="search" OnClick="ExpandDetailRows"></HQButton>

}

<HQTextBox NoMargin="true" PlaceHolder="@($"{BaseTranslations.search}..")" @bind-Text="@_searchText" MaxWidthResizable="200px"></HQTextBox>

</div>

</div>

</Template>

</ToolbarItem>

</ToolbarItems>

</SfToolbar>

[Jeevakanth Palaniappan]

Hi Nils,  

 

Sorry for the inconvenience. 

 

We have checked your reported console error “cannot read property style of null” and we are able to replicate your issue at our end. We have considered this as a defect and logged a defect report for the same which can be tracked from the below feedback link. 

 

Feedback : https://www.syncfusion.com/feedback/16925/console-error-occurs-on-switching-between-toolbar-loaded-pages-rapidly  

 

We will include fix in our upcoming patch release which will be rolled out by the end of August, 2020. 

 

Regards, 

Jeevakanth SP.