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

Tiny menu item is not displayed correctly

    XMLWordPrintable

Details

    • 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

    Description

      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
       

      Attachments

        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

        Issue Links

          Activity

            People

              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

              Dates

                Created:
                Updated:
                Resolved:

                Time Tracking

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

                  Clockify

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