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

www.weightwatchers.com trying to load in TextareaAutosize.js:57:4 #24482

Closed
2 tasks done
miquelvir opened this issue Jan 18, 2021 · 3 comments
Closed
2 tasks done

www.weightwatchers.com trying to load in TextareaAutosize.js:57:4 #24482

miquelvir opened this issue Jan 18, 2021 · 3 comments
Labels
status: waiting for author Issue with insufficient information

Comments

@miquelvir
Copy link

  • The issue is present in the latest release.
  • I have searched the issues of this repository and believe that this is not a duplicate.

Current Behavior 😯

This odd page (https://www.weightwatchers.com/us/) tries to load. Is this expected behaviour?

Content Security Policy: The page’s settings blocked the loading of a resource at data:image/svg+xml,<svg xmlns="https://www.weightwatchers.com/us/… (“default-src”). TextareaAutosize.js:57:4

https://www.weightwatchers.com/us should probably not be loaded from TextareaAutosize.

Steps:

  1. Create app with create-react-app
  2. Use a TextareaAutosize
  3. Create the production static build files
  4. Use a CSP which blocks images outside your domain
  5. Observe how "https://www.weightwatchers.com/us/" tries to load, an error message will appear in the console due to the CSP blocking it.

image

Context 🔦

Your Environment 🌎

Using Firefox.

`npx @material-ui/envinfo`

System:
OS: Linux 5.8 Ubuntu 20.04.1 LTS (Focal Fossa)
Binaries:
Node: 10.19.0 - /usr/bin/node
Yarn: 1.22.5 - /usr/bin/yarn
npm: 6.14.4 - /usr/bin/npm
Browsers:
Chrome: 87.0.4280.88
Firefox: 84.0.2
npmPackages:
@emotion/react: ^11.1.4 => 11.1.4
@emotion/styled: ^11.0.0 => 11.0.0
@material-ui/core: ^4.11.2 => 4.11.2
@material-ui/icons: ^4.9.1 => 4.11.2
@material-ui/lab: ^4.0.0-alpha.57 => 4.0.0-alpha.57
@material-ui/styles: ^4.11.2 => 4.11.2
@material-ui/system: 4.11.2
@material-ui/types: 5.1.0
@material-ui/utils: 4.11.2
@types/react: 17.0.0
react: ^17.0.1 => 17.0.1
react-dom: ^17.0.1 => 17.0.1
styled-components: ^5.2.1 => 5.2.1

@miquelvir miquelvir added the status: waiting for maintainer These issues haven't been looked at yet by a maintainer label Jan 18, 2021
@oliviertassinari oliviertassinari added status: waiting for author Issue with insufficient information and removed status: waiting for maintainer These issues haven't been looked at yet by a maintainer labels Jan 18, 2021
@oliviertassinari
Copy link
Member

oliviertassinari commented Jan 18, 2021

@miquelvir Do you have a reproduction? It looks like it's coming from one of your addons.

@miquelvir
Copy link
Author

I don't have any add-ons; although still probably there is something wrong at my end. However, I have noticed that it does not appear in Chrome.

This only happens with the build files. What is the preferred way to allow you to reproduce this? Should I upload the build files? Or is there some way which is better?

@oliviertassinari
Copy link
Member

A live version would be ideal

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
status: waiting for author Issue with insufficient information
Projects
None yet
Development

No branches or pull requests

2 participants