Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Blog post with large image needs side scroll / horizontal scroll #112

Open
kiratskitizing opened this issue Sep 28, 2020 · 0 comments
Open

Comments

@kiratskitizing
Copy link

A large image in a blog post is cropped when displayed in a small screen with no horizontal scrollbar to be used to see the full image.

Steps to replicate:

  1. Create a course.
  2. Turn editing on.
  3. Add an OU blog and save it.
  4. Go to the OU blog activity and click the "New blog post" button.
  5. Using the editor, add an image.
    a. Tiny MCE
  • Add an image with size/resolution at 2935x2070 in the message and save it.
    Result: Try to use a screen with smaller resolution, say 1280 X 1024. You sill see that the image is cropped. There is no horizontal scroll bar to view the full image
    Example HTML generated
    <img src="http://localhost/vanilla/pluginfile.php/91/mod_oublog/message/3/large_image.jpg" alt="" width="1200" height="1200">

b. Atto

  • Add an image with size/resolution at 2935x2070 in the message and make sure "Auto size" is *not ticked.
    Result: Try to use a screen with smaller resolution, say 1280 X 1024. You sill see that the image is cropped. There is no horizontal scroll bar to view the full image.
    Example HTML generated
    <img src="http://localhost/vanilla/pluginfile.php/91/mod_oublog/message/4/large_image.jpg" alt="" class="atto_image_button_text-bottom" width="1200" height="1200">

I would think that a scrollbar would be useful so as to view the complete image?

Thank you.

Screenshot_20200928_124240

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant