AlloyEditor : IE11 image left arrow click causes unfocus

• Type: Bug
• Status: Verified
• Resolution: Unresolved
• Affects Version/s: 7.0.X, 7.1.X, 7.2.10 DXP GA1, 7.2.10 DXP FP1, 7.2.X, Master
• Fix Version/s: None
• Component/s: Alloy Editor, Frontend Infrastructure > WYSIWYG
• Labels:
  • QA-V
  • ee-ts
• Fix Priority: 3

Description:

• https://support.microsoft.com/en-us/help/4088339/parent-container-can-not-get-focus-if-display-inline-block-style-used
• https://github.com/liferay/alloy-editor/issues/914

Steps to Reproduce:
1) IE11 Add a Web Content Display
2) Create a WC with an image and some text. Publish content.
3) Edit the WC. Select the image. Try to move before the image with left arrow key.

Expected Results:
The cursor should move left and remain in focus.

Actual Results:
The cursor and editor loses focus.

Reproducible:
Master: 8dd98ddfdc9a335f57f2c7e21c5f857194591197
71x: 6718d184c72cf60c07aa148159caa07ac1455ebf
70x: 674f32f68b4ee7a668876b7398538784a9ca3431