[LWC] Error when click outside grid

[dsingh7]

Hi team,

I am getting below error when user click outside grid after selecting a row.

Grid active error.PNG (32.63 KiB) Viewed 564 times

Any idea on above

[alex.l]

Hi,

Not really. Just tried it in our demos and see no errors. Could you please share more context? What version are you using? Try to upgrade if applicable. Did you enable LWS? Please make a video with steps you did, try to disable all features one by one in the grid to understand if it related to config or a general bug and let us know the result.

[dsingh7]

Hi Alex,

Version - Bryntum Grid 5.5.4
environment - Salesforce LWC
Description - I have created <Lightning-button> outside grid on same screen. On grid I select a record and then click on outside button. then above error is popping up. If we click on other non-focusable item then its working fine. but button is focusable item.

/*
     * DomHelper.activeElement fix
     * https://github.com/salesforce/lwc/issues/1792
     *
     * Core uses shadowRoot to dive into webcomponents looking for active element. That doesn't work with LockerService.
     * This override relies on a bundle local (closure) variable `lwcElement`
     * @private
     */
    class DomHelperOverrideActiveElement {
      static get target() {
        return {
          class: DomHelper
        };
      }
      static getActiveElement(element) {
        var _element, _element2, _element2$getRootNode;
        if ((_element = element) !== null && _element !== void 0 && _element.isWidget) {
          element = element.element;
        }
        return (_element2 = element) === null || _element2 === void 0 ? void 0 : (_element2$getRootNode = _element2.getRootNode) === null || _element2$getRootNode === void 0 ? void 0 : _element2$getRootNode.call(_element2).activeElement;
      }
    }
    Override.apply(DomHelperOverrideActiveElement);

above is your library code which throw error from return statement of method

static getActiveElement(element)

seems element2$getRootNode.call(element2) returning undefined

[alex.l]

Hi,

Did you enable LWS?
Try to upgrade version to latest released.

Description - I have created <Lightning-button> outside grid on same screen. On grid I select a record and then click on outside button.

Please post the code you used.

Thank you!

[dsingh7]

Hi Team,
Now I have updated to latest version 5.6.6. and still facing this issue.
can you please look into it.

[alex.l]

Hi,

Yes sure. Please clarify what is " I have created <Lightning-button> outside grid on same screen"? Did you mean same container or something out of it? Would be great to see a demo code we could use or at least a picture of how did you place your button.

[dsingh7]

<Lightning-button> is in parent lwc and grid is in child component.

parent lwc

<template>
    <div>
        <lightning-button variant="brand" label="Action" onclick={handleClick} ></lightning-button>
        <c-grid><c-grid>
    </div>
</template>

child LWC

<template>
	<div>
            <div class="bryntum-container" lwc:dom="manual" ></div>
        </div>
</template>

[alex.l]

Hi there,

I waas able to reproduce a problem, but I don't see a popup with error message. Please check the ticket and let me know if that is the same problem you faced with https://github.com/bryntum/support/issues/8652

Thank you!

[dsingh7]

Hi Alex,

In my case I got that popup once but grid remains working fine after closing that popup.

[alex.l]

So, that's another bug? What browser you used? LWS enabled?