Gmoney_123 Posts - Answer Overflow

I'm trying to build a simple chrome extension using the GoogleMaps API. The HTML works fine on its own, but when I try to use it as an extension, I get this

Refused to load the script 'https://maps.googleapis.com/maps/api/js?key=' because it violates the following Content Security Policy directive: "script-src 'self' 'wasm-unsafe-eval' 'inline-speculation-rules' http://localhost:* http://127.0.0.1:*". Note that 'script-src-elem' was not explicitly set, so 'script-src' is used as a fallback.

Refused to load the script 'https://maps.googleapis.com/maps/api/js?key=' because it violates the following Content Security Policy directive: "script-src 'self' 'wasm-unsafe-eval' 'inline-speculation-rules' http://localhost:* http://127.0.0.1:*". Note that 'script-src-elem' was not explicitly set, so 'script-src' is used as a fallback.

I guess it's not loading the external scripts because it violates CSP for some reason? I've tried to look up solutions in places like https://stackoverflow.com/questions/17653384/refused-to-execute-inline-script-because-it-violates-the-following-content-secur but I honestly don't even understand what they mean. How can I make my reference adhere to CSP?

1 replies

KPCKevin Powell - Community

•Created by Gmoney_123 on 8/28/2023 in #ui-ux

Profile design review

12 replies

KPCKevin Powell - Community

•Created by Gmoney_123 on 8/15/2023 in #ui-ux

Submit listing (virtual market )

3 replies

KPCKevin Powell - Community

•Created by Gmoney_123 on 8/14/2023 in #front-end

Pseudo element not showing up

So I'm trying to make a currency input and I want it to have a dollar sign ($) floating inside of the input but not part of the actual value of the input (decoration if you will). im trying to do this with pseudo elements (first time using them). I have an input called #cost with the code below, nothing shows up.

#cost::before {
    background-color: red;
    width: 1rem;
    height: 1rem;
    content: '$';
}

#cost::before {
    background-color: red;
    width: 1rem;
    height: 1rem;
    content: '$';
}

7 replies

Gaming

Programming