Cannot read property 'setAttribute' of null

[Stefano Capobianco]

Hi, when i use the tooltip i catch this error as message object

anf this is the log:

TypeError: Cannot read property 'setAttribute' of null

    at i.contentUpdated (https://localhost:44333/_content/Syncfusion.Blazor/scripts/popups-3452e3.min.js:1:75379)

    at https://localhost:44333/_content/Syncfusion.Blazor/scripts/syncfusion-blazor.min.js:1:159184

    at u (https://localhost:44333/_content/Syncfusion.Blazor/scripts/syncfusion-blazor.min.js:1:6710)

    at Generator._invoke (https://localhost:44333/_content/Syncfusion.Blazor/scripts/syncfusion-blazor.min.js:1:6463)

    at Generator.forEach.e.<computed> [as next] (https://localhost:44333/_content/Syncfusion.Blazor/scripts/syncfusion-blazor.min.js:1:7067)

    at r (https://localhost:44333/_content/Syncfusion.Blazor/scripts/syncfusion-blazor.min.js:1:3019)

    at s (https://localhost:44333/_content/Syncfusion.Blazor/scripts/syncfusion-blazor.min.js:1:3230)

    at https://localhost:44333/_content/Syncfusion.Blazor/scripts/syncfusion-blazor.min.js:1:3289

    at new Promise (<anonymous>)

    at Object.<anonymous> (https://localhost:44333/_content/Syncfusion.Blazor/scripts/syncfusion-blazor.min.js:1:3170)

This is the blazor c# code:

        private object ContentCollapse = "Hide";

        private object ContentFullscreen = "Show";

        private async Task ToggleFullscreen(MouseEventArgs eventArgs)

        {

            await JsRuntime.InvokeVoidAsync("toggleFullscreen");

        }

This is the razor code:

<div class="panel-toolbar">

    <SfTooltip Content="@ContentCollapse" Position="Position.BottomLeft">

        <button id="buttonCollapse" class="btn btn-panel" data-action="panel-collapse" data-toggle="tooltip"

                data-offset="0,10" data-original-title="Collapse"></button>

    </SfTooltip>

    <SfTooltip Content="@ContentFullscreen"  Position="Position.TopLeft">

        <button id="buttonFullscreen" class="btn btn-panel btn-panel-fullscreen" 

                @onclick="ToggleFullscreen"></button>

    </SfTooltip>

</div>

and finally the js code

    var toggleFullscreen = function () {

        var contents = $('#buttonFullscreen');

        var selectedPanel = $(contents).closest('.panel');

        selectedPanel.toggleClass('panel-fullscreen');

        myapp_config.root_.toggleClass('panel-fullscreen');

    

    }

where i wrong ?

Thanks for your help

Stefano

[Sowmiya Padmanaban]

Hi Stefano,  

 

Greetings from Syncfusion support. 

 

We have tried to replicate your reported issue using your shared code snippet, but we are unable to reproduce the reported issue, as Tooltip component is rendered properly in application. Refer the sample link below. 

 

https://www.syncfusion.com/downloads/support/directtrac/general/ze/BlazorApp1-1624846168.zip 

 

Can you please share the additional details regarding your requirement. It will helpful for us to resolve your issue at earlier. 

·       Video footage for issue reproducing. 

·       If possible, reproduce the issue in attached sample. 

·       SDK version you have used. 

 

Please let us know, if you have any concerns. 

 

Regards,  

Sowmiya.P