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

Unable to edit problem answer image #1654

Open
pomegranited opened this issue Feb 12, 2025 · 3 comments
Open

Unable to edit problem answer image #1654

pomegranited opened this issue Feb 12, 2025 · 3 comments
Labels
bug Report of or fix for something that isn't working as intended

Comments

@pomegranited
Copy link
Contributor

If an image is used in a problem's answer, the alt text for the image is shown in the editor, but the image itself is not editable.

Steps to reproduce:

  1. Create a problem in a course or library
  2. Edit the problem
  3. In the answer field, use the TinyMCE image button to add an image, with alt text
  4. Clicking on the alt text doesn't trigger the TinymCE format menu or allow editing of the image attributes.
image.as.answer.mp4
@bradenmacdonald bradenmacdonald added the bug Report of or fix for something that isn't working as intended label Feb 12, 2025
@hinakhadim
Copy link

hinakhadim commented Feb 13, 2025

Screen.Recording.2025-02-13.at.10.25.15.AM.mov

Hi @pomegranited,

I have followed the steps you mentioned on stage environment and local devstack (frontend-app-authoring master branch). I've tried with another high resolution (4528*3016) image of 1.3MB size. However, I am unable to reproduced the issue.

Could you please provide additional details, such as the image resolution, and the image size? This information might help me replicate the problem. Additionally, could you try using a different image and let me know if the issue persists?

@pomegranited
Copy link
Contributor Author

Hi @hinakhadim -- are you sure your stage env is running the latest frontend-app-authoring? This issue may have been introduced after #1646 merged yesterday.

I'm still seeing the same problem on our tagging sandbox in the editor, which was deployed with the latest authoring MFE.
Note that the problem shows fine in the Preview -- images are uploaded ok and display as expected in the problem -- it's just the editor that's having issues.

I used the attached images, and scaled them down to 50px wide when adding them as problem answers:

click to see images

Image

Image

Also: I see from your screencapture that you're able to see the inline images in the editor (which is the correct behaviour, and part 1 of this bug), and that you can add text after the image (which I can do too). But it's unclear whether you're able to edit the properties of these images once added as an answer (part 2 of this bug).

@hinakhadim
Copy link

Thanks for the information. I'm still not able to reproduce. I have checked again on stage and it's working fine there (It might be stage has not updated master branch of course-authoring). Here's the test on my local environment with the latest commits.

  • I am able to see image in editor
  • I am able to edit image

I have captured screen while pulling latest commits and this code is working using devstack in my local environment. Is it the problem only on your sandbox editor or local environment as well?

test-video.mov

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Report of or fix for something that isn't working as intended
Projects
None yet
Development

No branches or pull requests

3 participants