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

TinyMCE editor display bug with overlay for sourcecode and small displays

XMLWordPrintable

    • MOODLE_401_STABLE, MOODLE_402_STABLE, MOODLE_403_STABLE
    • MOODLE_401_STABLE, MOODLE_402_STABLE
    • MDL-77817-401
    • MDL-77817-master
    • Hide

      1. Testing the TinyMCE menu while the fullscreen mode is active

      1. Log in as admin
      2. Set the text editor to "TinyMCE editor".
      3. Add Page resource in a course.
      4. Scroll down to Page Content. Click menu View >> FullScreen.
      5. Verify that the TinyMCE editor is in fullscreen mode.
      6. Click the menu Edit.
      7. Verify that the sub-menu is correctly displayed.
      8. Repeat process number 6 by clicking other menus (View, Insert, Format, Tools, etc.).
      9. Click menu View >> Source code.
      10. Verify that the source code dialogue window is correctly displayed.
      11. Close the source code dialogue.
      12. Click the menu Edit again.
      13. Verify that the sub-menu is correctly displayed.

      2. Testing the Dialogue window

      1. Log in as admin
      2. Set the text editor to "TinyMCE editor".
      3. Edit the course page.
      4. Scroll down to Course Summary editor. Click menu View >> Source Code.
      5. Verify that the Source Code dialogue window pops up and is correctly displayed.

      Please repeat the above testing with different browsers (Safari, Firefox and Chrome), different browser size (width  =990px and > 990px) and different theme (Classic, Boost)

      Show
      1. Testing the TinyMCE menu while the fullscreen mode is active Log in as admin Set the text editor to "TinyMCE editor". Add Page resource in a course. Scroll down to Page Content. Click menu View >> FullScreen. Verify that the TinyMCE editor is in fullscreen mode. Click the menu Edit. Verify that the sub-menu is correctly displayed. Repeat process number 6 by clicking other menus (View, Insert, Format, Tools, etc.). Click menu View >> Source code. Verify that the source code dialogue window is correctly displayed. Close the source code dialogue. Click the menu Edit again. Verify that the sub-menu is correctly displayed. 2. Testing the Dialogue window Log in as admin Set the text editor to "TinyMCE editor". Edit the course page. Scroll down to Course Summary editor. Click menu View >> Source Code. Verify that the Source Code dialogue window pops up and is correctly displayed. Please repeat the above testing with different browsers (Safari, Firefox and Chrome), different browser size (width  =990px and > 990px) and different theme (Classic, Boost)
    • 2
    • Team Hedgehog 2023 Sprint 2.3, Team Hedgehog 2023 Review 2, Team Hedgehog 2023 Sprint 3.1

      Testing our theme with safari on macOS 13.3 - i found a bug with the "new" tiny mce editor. I also reproduced it with an out of the box 4.1.2. It does not affects tiny mce with firefox or chrome.

      While using moodle in a window, or with a monitor less 1740px vw and the left drawer opened, editing a text with tiny mce (new) and you choose View -> source code there will be an overly window. But it is covered under the left hand drawer (courseindex) - disabled. As a first bugfix i added this css:

      .drawer-open-index.tox-dialog__disable-scroll #page.drawers.show-drawer-left

      {     margin-left: 0; }

      .drawer-open-index.tox-dialog__disable-scroll .drawer.drawer-left

      {    display: none }

        1. Bildschirmfoto 2023-03-31 um 15.49.28.png
          Bildschirmfoto 2023-03-31 um 15.49.28.png
          286 kB
        2. MDL-77817_Chrome_menu.png
          MDL-77817_Chrome_menu.png
          31 kB
        3. MDL-77817_Firefox_menu.png
          MDL-77817_Firefox_menu.png
          43 kB
        4. MDL-77817_Safari_codebig.png
          MDL-77817_Safari_codebig.png
          193 kB
        5. MDL-77817_Safari_codesmall.png
          MDL-77817_Safari_codesmall.png
          523 kB
        6. MDL-77817_Safari_menu.png
          MDL-77817_Safari_menu.png
          143 kB
        7. MDL-77817_TinyMCE_menu_fullscreen_step7.png
          MDL-77817_TinyMCE_menu_fullscreen_step7.png
          44 kB
        8. MDL-77817_TinyMCE_menu_fullscreen_step9.png
          MDL-77817_TinyMCE_menu_fullscreen_step9.png
          33 kB
        9. MDL-77817_TinyMCR_find_and_replace.mp4
          4.17 MB
        10. MDL-77817.png
          MDL-77817.png
          1.74 MB
        11. MDL-77817-dialogue.png
          MDL-77817-dialogue.png
          2.26 MB
        12. MDL-78359-bug.png
          MDL-78359-bug.png
          17 kB
        13. MDL-78359-fixed_withPOC.png
          MDL-78359-fixed_withPOC.png
          53 kB
        14. menuitems under drawer.png
          menuitems under drawer.png
          273 kB
        15. safari_1200px_source_multiple_editors.png
          safari_1200px_source_multiple_editors.png
          72 kB
        16. Screen Shot 2023-07-05 at 06.23.41.png
          Screen Shot 2023-07-05 at 06.23.41.png
          114 kB
        17. small_screen.png
          small_screen.png
          19 kB

            meirza.arson@moodle.com Meirza
            Dennis-h_da Dennis h_da
            Raquel Ortega Raquel Ortega
            Jun Pataleta Jun Pataleta
            Ron Carl Alfon Yu Ron Carl Alfon Yu
            Votes:
            4 Vote for this issue
            Watchers:
            13 Start watching this issue

              Created:
              Updated:
              Resolved:

                Estimated:
                Original Estimate - Not Specified
                Not Specified
                Remaining:
                Remaining Estimate - 0 minutes
                0m
                Logged:
                Time Spent - 3 days, 6 hours, 43 minutes
                3d 6h 43m

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