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

ATTO Editor adding unwanted text sizing

XMLWordPrintable

    • MOODLE_311_STABLE, MOODLE_37_STABLE, MOODLE_38_STABLE, MOODLE_39_STABLE
    • MDL-67360-master
    • Hide

      Note: This patch needs to be tested on Chrome.

      1. Create a new course or use an existing one.
      2. Log in as admin.
      3. Navigate to the course.
      4. Turn edit mode to on.
      5. Click on Add an activity or resource.
      6. Choose Page.
      7. Click on the Description text area.
      8. Type 'First text'.
      9. Click on the Center button in the Atto toolbar.
      10. Press Enter.
      11. Type 'Second text'.
      12. Click 'Save and return to course'.
      13. Edit the created activity again.
      14. Click on the HTML button in the Atto toolbar.
      15. Verify that you will see the HTML code of the content.
      16. Verify that you will not see the font-size attribute in the HTML code.
      Show
      Note: This patch needs to be tested on Chrome. Create a new course or use an existing one. Log in as admin. Navigate to the course. Turn edit mode to on. Click on Add an activity or resource. Choose Page. Click on the Description text area. Type 'First text'. Click on the Center button in the Atto toolbar. Press Enter. Type 'Second text'. Click 'Save and return to course'. Edit the created activity again. Click on the HTML button in the Atto toolbar. Verify that you will see the HTML code of the content. Verify that you will not see the font-size attribute in the HTML code.
    • 1
    • HQ Team International CIH2-219, HQ Team International CIH2-220, HQ Team International CIH2-222

      When adding either text or an image on the first line of the description field of an activity or resource, and then adding text on a second line which is centered, when deleting the image or text from the first line, the text is given a size of 0.9375rem and the text is now showing as left aligned, but the html shows this is centered and left aligned. In my example, I've used the URL resource, but have tested in activities and resources, all showing the same outcome.

       

      1. Create an activity or resource,
        2. Name activity or resource,
        3. Add an image/text to the description section,
        4. Press enter to go to new line of description, enter some text 'play',
        5. Highlight text and center text,
        6. Check 'display description on course page',
        7. Click 'Save and return to course',
        8. Edit activity or resource,
        9. Click to the left of the entered text 'play' (start of the word),
        10. Backspace until image/text is gone,
        Note: The centered text 'play' is now showing to the far left of the page and is now not centered and has added in text size of 0.9375rem.
        11. Check the html of the description; <p><span style="color: rgb(51, 102, 255); text-align: center; font-size: 0.9375rem;">Play</span><br></p>
        12. Click 'Save and return to course'.

      Replicated on : https://sandbox.moodledemo.net/

      Also replicate in our internal systems which are on 3.5, 3.,6, and 3.7

       

      Replicated on Classic, Boost and Snap themes.

      The clean theme does not add the text sizing.

       

            Created:
            Updated:
            Resolved:

              Estimated:
              Original Estimate - 0 minutes
              0m
              Remaining:
              Remaining Estimate - 0 minutes
              0m
              Logged:
              Time Spent - 4 days, 5 hours, 52 minutes
              4d 5h 52m

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