Registering a custom element from a chrome extension

by

For me it was sufficient to use @webcomponents/custom-elements package in my content.js.
Also webcomponents-sd-ce.js weights about 80kb and custom-elements.min.js only 16kb.

Just install it as a dependancy and import it in the content.js and let your package manager do the rest.

npm i @webcomponents/custom-elements

import '@webcomponents/custom-elements'

This is how I use it in my project popup-tab-switcher.

I believe that all these workarounds are not necessary and custom elements must work for extensions without polyfills. Please vote for the issue in Chrome bugs to draw attention to this flaw.

More Related Contents:

  1. How to open the correct devtools console to see output from an extension script?
  2. Can you access chrome:// pages from an extension?
  3. Obtaining Chrome Extension ID for development
  4. Chrome extension is not loading on browser navigation at YouTube
  5. Chrome extension: accessing localStorage in content script
  6. Port error while changing chrome extension from manifest v1 to v2
  7. Is it possible to require npm modules in a chrome extension ?
  8. Modify HTTP responses from a Chrome extension
  9. Firefox extension .xpi file structure: description, contents, creation, and installation
  10. sending message to chrome extension from a web page
  11. Chrome extension to read HTTP response
  12. Optionally inject Content Script
  13. Access window variable from Content Script [duplicate]
  14. about chrome.tabs.executeScript( id,details, callback)
  15. Google Chrome – Alphanumeric hashes to identify extensions
  16. Manifest v3 Resources must be listed in the web_accessible_resources
  17. How do you integrate Universal Analytics in to Chrome Extensions?
  18. How to inject javascript into Chrome DevTools itself
  19. Chrome extension login best practices
  20. How to modify an extension from the Chrome Web Store? [closed]
  21. Do Custom Elements require a dash in their name?
  22. Does content_scripts matches “chrome-extension://*/*” work?
  23. Upload a File in a Google Chrome Extension
  24. Chrome tabs query returning empty tab array
  25. Can I hide my extension’s icon by default?
  26. chrome.tabs.executeScript not working?
  27. Google Chrome Socket API in extensions
  28. How to send message FROM native app TO Chrome extension?
  29. Chrome extension page action appearing outside of address bar
  30. How to debug chrome devtools panel extension?

Leave a Comment