"Maximum call stack size exceeded" when adding a column to an AUI datatable

• Type: Bug
• Status: Closed
• Resolution: Fixed
• Affects Version/s: 6.2.X EE
• Fix Version/s: 6.2.X EE
• Component/s: Frontend Infrastructure
• Labels:
  • 62-ee-sp20
  • ee-ts
  • liferay-fixpack-portal-150-6210
• Branch Version/s:
  6.2.x
• Backported to Branch:
  Committed
• Fix Priority: 3
• Git Pull Request: https://github.com/brianchandotcom/liferay-portal-ee/pull/17093
• What problem did the customer find?:
  Hide

  Create a portlet with a view.jsp that includes a javascript that calls AUI's datable. ; Deploy and place the portlet on a page which already contains some portlet (e.g a Message Board portlet). (If you place it on an empty page, the issue does not occur)

  Show

  Create a portlet with a view.jsp that includes a javascript that calls AUI's datable. Deploy and place the portlet on a page which already contains some portlet (e.g a Message Board portlet). (If you place it on an empty page, the issue does not occur)
• What do you think is the root cause? (if known): AUI master branch contains a fix(AUI-1013) that is not backported to aui 2.y branch.
• Proposed solution (if any): We need to backport AUI-1013 to aui 2.x.

Reproduction Steps

1. Create a portlet with a view.jsp that includes a javascript that calls AUI's datable. I have attached the portlet I used.
2. Deploy and place the portlet on a page which already contains some portlet (e.g a Message Board portlet). (If you place it on an empty page, the issue does not occur)
Result: The name of the added column is not changed and browser console throws "Uncaught RangeError: Maximum call stack size exceeded"

I got the same error even if only using addColumn, without trying to modify it.

Please use the attached portlet for testing it.