Firefox Users: HTTPS Connection Issues
If you're using Firefox and the page is served over HTTPS, Firefox may upgrade ws:// to wss:// or block insecure WebSocket connections to localhost.
Solution 1 (Recommended): Access the page via HTTP instead of HTTPS when testing widgets locally.
Solution 2: Set these Firefox preferences in about:config:
- Open Firefox and type
about:config in the address bar
- Click "Accept the Risk and Continue"
- Set
security.mixed_content.block_active_content to false
- If it exists, set
network.websocket.allowInsecureFromHTTPS to true (may not exist in all Firefox versions)
- Restart Firefox
Note: These settings allow insecure connections from HTTPS pages. Only enable if you trust the websites you visit. For local development, this is usually safe.
Alternative: Use Edge or Chrome, which are more permissive with localhost WebSocket connections on HTTPS pages.