Uploaded image for project: 'Moodle'
  1. Moodle
  2. MDL-76302

Tiny menu item is not displayed correctly

XMLWordPrintable

    • MOODLE_401_STABLE
    • MOODLE_401_STABLE
    • MDL-76302-master
    • Hide
      1. Apply the patch
      2. Login as admin
      3. Enable the "TinyMCE editor" in site admin > Plugins > Text editors > Manage editors
      4. Click the profile > Preferences > Editor preferences
      5. Select "TinyMCE editor"
      6. Go to profile > edit profile and scroll down to the tiny editor
      7. Set the distance between the tiny editor to something similar to the attached video
      8. Click on the "Insert" in the TinyMCE menu bar
      9. Verify that the TinyMCE menu showed at the top of the navbar header

      Show
      Apply the patch Login as admin Enable the "TinyMCE editor" in site admin > Plugins > Text editors > Manage editors Click the profile > Preferences > Editor preferences Select "TinyMCE editor" Go to profile > edit profile and scroll down to the tiny editor Set the distance between the tiny editor to something similar to the attached video Click on the "Insert" in the TinyMCE menu bar Verify that the TinyMCE menu showed at the top of the navbar header
    • 2
    • Team Hedgehog Sprint 1.1, Team Hedgehog Sprint 1.2

      This issue was discovered while reviewing MDL-76261, when I clicked on "Insert" in menu bar and the menu item popup did not show accordingly.

      Based on the screenshot and screen recorded video, the menu items are displayed but one them was covered by the header. It would be a good investigation on calculating the distance between the header and tiny editor itself against the height of the menu item container in order to display it under or top of the menu bar.

      To reproduce the issue

      1. Login as admin
      2. Enable the "TinyMCE editor" in site admin > Plugins > Text editors > Manage editors
      3. Click the profile > Preferences > Editor preferences
      4. Select "TinyMCE editor"
      5. Go to profile > edit profile and scroll down to the tiny editor
      6. Set the distance between the tiny editor to something similar to the video
      7. Click on the "Insert" in menu bar
      8. Verify that the top menu, which is "Link" is covered by the header

      We will not see this issue in our regular use due to a specific distance between the header and tiny editor, but it's a good chance to have a look in case in the future the page space is just right to display the menu item on the top while it's still being covered by the header
       

        1. After Patch.png
          After Patch.png
          102 kB
        2. before Patch.png
          before Patch.png
          97 kB
        3. Screencast 2022-11-22.gif
          Screencast 2022-11-22.gif
          584 kB
        4. Screen Recording 2022-11-15 at 06.48.17.mov
          3.44 MB
        5. Screen Shot 2022-11-15 at 06.47.50.png
          Screen Shot 2022-11-15 at 06.47.50.png
          345 kB
        6. tinymcemenu_ontop.png
          tinymcemenu_ontop.png
          74 kB

            meirza.arson@moodle.com Meirza
            stevani.andolo@moodle.com Stevani Andolo
            Andrew Lyons Andrew Lyons
            Paul Holden Paul Holden
            Ron Carl Alfon Yu Ron Carl Alfon Yu
            Votes:
            0 Vote for this issue
            Watchers:
            6 Start watching this issue

              Created:
              Updated:
              Resolved:

                Estimated:
                Original Estimate - 0 minutes
                0m
                Remaining:
                Remaining Estimate - 0 minutes
                0m
                Logged:
                Time Spent - 3 hours, 26 minutes
                3h 26m

                  Error rendering 'clockify-timesheets-time-tracking-reports:timer-sidebar'. Please contact your Jira administrators.