Premium support for our pure JavaScript UI components


Post by dsingh7 »

Hi team,

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

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

Any idea on above


Post by 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.

All the best,
Alex


Post by 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


Post by 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!

All the best,
Alex


Post by dsingh7 »

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


Post by 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.

All the best,
Alex


Post by 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>

Post by 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!

All the best,
Alex


Post by dsingh7 »

Hi Alex,

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


Post by alex.l »

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

All the best,
Alex


Post Reply