Uploaded image for project: 'Sakai'
  1. Sakai
  2. SAK-41955

MS Edge - Forums: Wide content causes horizontal scrollbars

    XMLWordPrintable

    Details

    • Test Plan:
      Hide

      Setup:

      1. In a text editor of your choosing, paste a block of text of more than 200 words
      2. Using the text editor's "Find and Replace" feature, find all of the spaces and replace them with
         
      3. Copy this block of text
      4. In Forums, go to or create a conversation
      5. In the conversation, create a post containing the block of text that you just edited
      6. Reply to this post with the original block of text (from before you replaced the spaces)
      7. Search the web for an image of your choosing that is larger than the width of your screen or normal web browser window
      8. Reply to the last post by including this image in your post
        1. In the CKEditor, click the "Image" icon
        2. In the "URL" field, paste the link to the image that you found
        3. Click the "OK" button
        4. Optional: type additional text before or after the image in this post
        5. Post the message

      Testing:

      • As various Sakai roles (e.g. Instructor, Student, etc), navigate Forums by going to the various pages and views for the conversation and the posts that you created in the setup section above
        • Navigate using various screen sizes (e.g. narrow and wide browsers sizes) and browsers (e.g. Firefox, Chrome, Safari, Edge)
      • Ensure the image doesn't go larger than your window size
      • Ensure the block of non-breaking spaces (the post with the spaces replaced with  ) doesn't cause the page to get wider than the screen
      • Ensure the conversation is readable
      • Ensure you can post to the conversation and it still looks proper
      • Create a new conversation with various lengths of posts and ensure they look proper/normal still
      Show
      Setup : In a text editor of your choosing, paste a block of text of more than 200 words Using the text editor's "Find and Replace" feature, find all of the spaces and replace them with   Copy this block of text In Forums, go to or create a conversation In the conversation, create a post containing the block of text that you just edited Reply to this post with the original block of text (from before you replaced the spaces) Search the web for an image of your choosing that is larger than the width of your screen or normal web browser window Reply to the last post by including this image in your post In the CKEditor, click the "Image" icon In the "URL" field, paste the link to the image that you found Click the "OK" button Optional: type additional text before or after the image in this post Post the message Testing : As various Sakai roles (e.g. Instructor, Student, etc), navigate Forums by going to the various pages and views for the conversation and the posts that you created in the setup section above Navigate using various screen sizes (e.g. narrow and wide browsers sizes) and browsers (e.g. Firefox, Chrome, Safari, Edge) Ensure the image doesn't go larger than your window size Ensure the block of non-breaking spaces (the post with the spaces replaced with  ) doesn't cause the page to get wider than the screen Ensure the conversation is readable Ensure you can post to the conversation and it still looks proper Create a new conversation with various lengths of posts and ensure they look proper/normal still

      Description

      Copied the test plan from SAK-41713. MS Edge is affected on 19x & 19.1.

      The text and image do not adjust to the Edge browser window.

       

        Gliffy Diagrams

          Attachments

            Issue Links

              Activity

                People

                • Assignee:
                  Unassigned
                  Reporter:
                  agschmidt Andrea Schmidt
                • Votes:
                  0 Vote for this issue
                  Watchers:
                  2 Start watching this issue

                  Dates

                  • Created:
                    Updated:

                    Git Source Code