Opened 9 months ago

#15357 new bug

Brozer freeze issue when using multiple select menu's

Reported by: Lyle Hopkins Owned by:
Priority: minor Milestone: none
Component: ui.core Version: 1.12.1
Keywords: Cc:
Blocked by: Blocking:

Description

We have multiple selectmenus on a page. They load into the page fine. The issue is when the items are deleted from the DOM.

From inspecting source I can see that hundreds of divs have been added to the page, such as:

<div class="ui-selectmenu-menu ui-front">
  <ul aria-hidden="true" aria-labelledby="ui-id-577-button" id="ui-id-577-menu" role="listbox" tabindex="0" class="ui-menu ui-corner-bottom ui-widget ui-widget-content"></ul>
</div>

Each has a "remove" event listener.

From testing with $.cleanData, I've confirmed that it is the firing of all these remove events that is causing the browser to hang.

It's unclear why these remove events are causing the browser to freeze, or what we can do to have these remove events trigger efficiently so as not to cause it.

This issue appears to be most noticeable on Win10 Chrome.

Let me know any further information you require.

Change History (0)

Note: See TracTickets for help on using tickets.