oppia: [BUG]: All elements of some images do not reflect on the website when uploaded.

Describe the bug

The elements of some images are not reflecting when uploaded on the website. This was observed in two different images.

URL of the page where the issue is observed.

https://www.oppia.org/create/4fdolcOzJWMG#/gui/Brand

Steps To Reproduce

Go to the creator’s dashboard.
Create an exploration
Download any of these images to your PC: Image 1, Image 2,
Upload any of the images to a card.

Expected Behavior

All elements in the image are expected to reflect.

Screenshots/Videos

Screenrecord

What device are you using?

Desktop

Operating System

Windows

What browsers are you seeing the problem on?

Chrome, Firefox

Browser version

https://www.oppia.org/create/4fdolcOzJWMG#/preview/Brand

Additional context

PS: I tried this on Microsoft Edge, still the same result.

Tips for developers

Before tackling the bug, please use git bisect (see https://git-scm.com/docs/git-bisect) to investigate which PR caused it (you only need to go back as far as commit https://github.com/oppia/oppia/commits/9a334e9). If you find the PR, leave a comment on this issue pointing to it, or just say that it happened before commit 9a334e9 if you could reproduce it there. This will help us fix the issue by reverting the faulty PR.

Also, if this is your first issue, please make sure to follow https://github.com/oppia/oppia/wiki/Contributing-code-to-Oppia#choosing-a-good-first-issue and https://github.com/oppia/oppia/wiki/Contributing-code-to-Oppia#setting-things-up before claiming it. Thanks!

About this issue

Original URL
State: open
Created 7 months ago
Comments: 26 (20 by maintainers)

Most upvoted comments

@satvshr Not yet; we haven’t figured out the fix yet. Let’s get a response from Caitlin (the artist) first.

seanlip on Jan 5, 2024

@satvshr In general, tag the person who you expect to respond to your comment.

Thanks for the investigation, too – this is exactly the information needed. @Kebith – @satvshr thinks that the issue with your SVG is that it is invalid – it apparently uses a link for the cookie. How did you implement the cookie – was it by hand or using a link?

I’ll have to ask the artist who designed the image. I have sent the link to this GitHub issue to her.

Kebith on Jan 4, 2024

@satvshr No, this isn’t enough information for me to assign this to you.

Try starting a local dev server and uploading the image provided. Look for any errors. Try to find the code that handles SVG uploads and examine its validation logic. See if you can figure out why exactly the upload is failing. (Please respond to this issue with any findings you have, but make sure they are meaningful findings.)

In general, we don’t assign issues to folks until we are confident that they have a full understanding of the problem and can create a PR without a long delay.

seanlip on Dec 29, 2023