Using arrow keys when editing a page containing both table and image with the Microsoft Bopomofo (Traditional Chinese) keyboard causes the line to be truncated at the cursor

XMLWordPrintable

    • Type: Bug
    • Resolution: Unresolved
    • Priority: Low
    • None
    • Affects Version/s: 9.2.6, 8.5.24
    • None
    • 2
    • Severity 3 - Minor
    • 0

      Version info

      Confluence 8.5.24

      Confluence 9.2.6

      Windows 11 as the client

      Description

      When editing a page containing table and @mention (or image) with the Microsoft Bopomofo (Traditional Chinese) keyboard, using the arrow keys to navigate the text causes the line to be truncated at the cursor. This issue does not occur when using other keyboards.

      Issue Summary

      Create a page containing table and @mention (or image), then use the Microsoft Bopomofo keyboard to type some text. When using the arrow keys to navigate, the line truncates at the cursor position, deleting the later text.

      Steps to Reproduce

      1. Install Bopomofo keyboard on Windows 11 (steps are contained in https://www.youtube.com/watch?v=dqhuJVrTRlE)
      2. Create page containing table and image
        You may create the sample page by using the below storage format for @mention:
        <table class="wrapped">
          <colgroup>
            <col/>
          </colgroup>
          <tbody>
            <tr>
              <th scope="col">日</th>
            </tr>
            <tr>
              <td>
                <div class="content-wrapper">
                  <p>日屎昨杳屎昨杳屎昨杳屎昨杳屎昨杳屎ㄈ<ac:link>
                      <ri:user ri:userkey="40288178891eee7501891ef03f2a0000"/>
                    </ac:link> </p>
                </div>
              </td>
            </tr>
          </tbody>
        </table>
        <p>
          <br/>
        </p>
        

      Image Storage format

      Or the below, for the image embed

      <p>asdasdasdasdasdㄉㄧㄟˇasdasdasdasd</p>
      <table class="wrapped"><colgroup><col /><col /><col /></colgroup>
      <tbody>
      <tr>
      <th scope="col">1</th>
      <th scope="col">2</th>
      <th scope="col">3</th></tr>
      <tr>
      <td><br /></td>
      <td>
      <p>aaaaa多 ㄓㄧㄛ˙aaaaa</p>
      <p>b體體bbbbb</p>
      <p>cccccccc</p></td>
      <td><br /></td></tr>
      <tr>
      <td><br /></td>
      <td>
      <div class="content-wrapper">
      <p>aaㄧuf3aaaaaa</p>
      <p>bbb</p>
      <p>ccccccccc</p>
      <p><ac:image><ri:url ri:value="https://support.microsoft.com/images/en-us/f5e07aee-c8aa-4a30-85ec-215178f491b8" /></ac:image></p></div></td>
      <td><br /></td></tr>
      <tr>
      <td><br /></td>
      <td><br /></td>
      <td><br /></td></tr></tbody></table>
      <p><br /></p>
      1. Type some text in the table cell, then use the arrow keys to attempt to navigate through the text.

      Expected Results

      Cursor should navigate the text via the arrow keys without deleting the text.

      Actual Results

      The line truncates at the cursor position, deleting the later text.

      Please see attached demonstrations in both cases:

      CONFSERVER-100311-poc.mkv

      Workaround

      Use a different keyboard

        1. CONFSERVER-100311-poc.mkv
          3.14 MB
          Harrison
        2. CONFSERVER-100311-mention.gif
          53 kB
          Harrison

            Assignee:
            Unassigned
            Reporter:
            Harrison
            Votes:
            3 Vote for this issue
            Watchers:
            2 Start watching this issue

              Created:
              Updated: