1644020 - When I use FileReader to read image and then try to inspect that DOM element, browser stop responding or slows down a lot.

Status: UNCONFIRMED

(Core :: DOM: Core & HTML, defect, P3)

Description

[Nikola Jokic]

User Agent: Mozilla/5.0 (X11; Linux x86_64; rv:78.0) Gecko/20100101 Firefox/78.0

Steps to reproduce:

Used Vue to fetch image, then binded the style with background url read with FileReader. Everything renders okay but when I try to inspect that DOM element having that long string in URL read with FileReader, browser slowes down or stops responding. Even slow down would not be a problem, classes and styles are not displayed on the inspect element section etc.

Actual results:

Slow down or Not Responding message. No styles are displayed when slow down happen nor many other information about the DOM element.

Expected results:

Should work fine like I use plain url to read it

Comment 1

[BugBot [:suhaib / :marco/ :calixte]]

Bugbug thinks this bug should belong to this component, but please revert this change in case of error.

Comment 2

[John Dai[:jdai]]

Hi Nikola,
Thanks for reporting! Do you happen to have this example somewhere that we can access to test and profile?