nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

Upgrade to JS 4.25 and Calcite 1.0.3 throws ResizeObserver.<anonymous> error (whatever that is)

Dirk_Vandervoort

Simultaneous upgrade from JS 4.24 and Calcite1.0.0-beta.97 now sends an error to the console when loading the JSAPI:

caught TypeError: Cannot read properties of undefined (reading 'style') at ResizeObserver.<anonymous> (p-3e421dc8.entry.js:6:3580)

The stack does not return any references to any of my code. There's a ResizeObserver API, but it's not clear how this relates to the JSAPI other than Calcite contains the script 3e421dc8.entry.js

Anyone else seeing this or have a fix?

TIA

Find more posts tagged with

Accepted answers

ReneRubalcava

Looks like this is an issue with calcite, and not the Maps SDK. According to this issue, the fix is available in 1.0.4-next.4 release.

https://github.com/Esri/calcite-components/issues/6310

So you can try the calcite "next" build for now until the next production release.

All comments

ReneRubalcava

4.25 was built using 1.0.0-beta.97, lots of changes to version 1.0.3. Are there particular widgets you are using that cause this error? The "next" version of the API uses calcite-components 1.0.3, can you try that and see if the error persists?

https://www.npmjs.com/package/@arcgis/core/v/4.26.0-next.20230205?activeTab=explore

Dirk_Vandervoort

Hi Rene:

Are there particular widgets you are using that cause this error? I have identifed the HTML that causes the error:

    <calcite-card id="tool-container">
        <calcite-tabs>
            <calcite-tab-nav slot="title-group">
                <calcite-tab-title selected>Navigation</calcite-tab-title>
                <calcite-tab-title>Appearance</calcite-tab-title>
            </calcite-tab-nav>
            <calcite-tab selected>
                <div id="navigation-container"></div>
            </calcite-tab>
            <calcite-tab>
                <div id="appearance-container"></div>
            </calcite-tab>
        </calcite-tabs>
    </calcite-card>

in particular the declaration:

<calcite-tab-nav slot="title-group">

I'm still trying to figure out what's up with calcite-tab-nav.

can you try that and see if the error persists? The error persists at 4.26.

ReneRubalcava

Looks like this is an issue with calcite, and not the Maps SDK. According to this issue, the fix is available in 1.0.4-next.4 release.

https://github.com/Esri/calcite-components/issues/6310

So you can try the calcite "next" build for now until the next production release.

Dirk_Vandervoort

Yep, Calcite. We're not ready for 1.0.4-next.4.

Thanks Rene!

Join the Conversation

Signed in members can post, follow updates, and more. New here? Register a free account.

Quick Links

Community Help
Find useful guides, FAQs, and documents to help you navigate and make the most of Esri Community.