AlloyEditor table toolbar disappears when typing into the table cells

• Type: Bug
• Status: Closed
• Resolution: Fixed
• Affects Version/s: 7.2.X
• Fix Version/s: 7.2.10 DXP FP9, 7.2.X
• Component/s: Alloy Editor
• Labels:
  • ee-7.2.x-only
  • ee-ts
  • liferay-fixpack-dxp-9-7210
• Branch Version/s:
  7.2.x
• Backported to Branch:
  Committed
• Fix Priority: 3
• Git Pull Request: https://github.com/brianchandotcom/liferay-portal-ee/pull/31538

Reproduction steps:

1) Start a vanilla 7.2.x bundle and login as Admin
2) Add a Web Content Display portlet onto the Welcome page
3) Add a new Basic Web Content by clicking on the top-left "+" icon on the portlet
4) Click in the editor where the placeholder says "Write your content here..." > "+" button on the left > table icon > confirm the default options (3x3)
5) A table will appear. Click in any of the cells: the table toolbar pop-up will appear
6) Type something in one of the cells

Expected: The table toolbar to persist
Actual behavior: The table toolbar disappears, the below error is printed in the browser's console (Chrome):

react_devtools_backend.js:2273 TypeError: v.getClientRect is not a function
    at l (version.js:1)
    at t.s (version.js:1)
    at t.value (version.js:1)
    at t.value (version.js:1)
    at t.value (version.js:1)
    at al (version.js:1)
    at sl (version.js:1)
    at version.js:1
    at Object.t.unstable_runWithPriority (version.js:1)
    at Zl (version.js:1)
overrideMethod @ react_devtools_backend.js:2273
Pa @ version.js:1
Fa.n.callback @ version.js:1
Ea @ version.js:1
_a @ version.js:1
al @ version.js:1
sl @ version.js:1
(anonymous) @ version.js:1
t.unstable_runWithPriority @ version.js:1
Zl @ version.js:1
Jl @ version.js:1
Xl @ version.js:1
Wl @ version.js:1
vl @ version.js:1
enqueueSetState @ version.js:1
w.setState @ version.js:1
value @ version.js:1
g @ ckeditor.js?browserId=other&minifierType=js&languageId=en_US&b=7210&t=1600062998718:11
(anonymous) @ ckeditor.js?browserId=other&minifierType=js&languageId=en_US&b=7210&t=1600062998718:12
CKEDITOR.editor.CKEDITOR.editor.fire @ ckeditor.js?browserId=other&minifierType=js&languageId=en_US&b=7210&t=1600062998718:14
(anonymous) @ version.js:1
(anonymous) @ version.js:1
setTimeout (async)
a @ version.js:1
g @ ckeditor.js?browserId=other&minifierType=js&languageId=en_US&b=7210&t=1600062998718:11
(anonymous) @ ckeditor.js?browserId=other&minifierType=js&languageId=en_US&b=7210&t=1600062998718:12
(anonymous) @ ckeditor.js?browserId=other&minifierType=js&languageId=en_US&b=7210&t=1600062998718:69
version.js:1 Uncaught TypeError: v.getClientRect is not a function
    at l (version.js:1)
    at t.s (version.js:1)
    at t.value (version.js:1)
    at t.value (version.js:1)
    at t.value (version.js:1)
    at al (version.js:1)
    at sl (version.js:1)
    at version.js:1
    at Object.t.unstable_runWithPriority (version.js:1)
    at Zl (version.js:1)

 Not reproduced on Fix Pack 6

 Reproduced on 7.2.x @ 7b2e91cee470f7c81f374fbd8c915df6a7ed65da1f68c80648e5dc916e18a2c4
 Not reproduced on master @ a2bf200ae15786e54e0f156b869507afb210479903b75c2be90108dc3484d140