Add an alternative solution for computedStyleMap

[thovo]

MDN URL

https://developer.mozilla.org/en-US/docs/Web/API/Element/computedStyleMap

What specific section or headline is this issue about?

Alternative solution

What information was incorrect, unhelpful, or incomplete?

I found out that when I read information about computedStyleMap, I found no alternative solution or a polyfill suggestion to make the code run on Firefox or Safari. After digging in a little with my team, we found an equivalent solution:

const cssVariable = '--bs-spacer';
document.body.computedStyleMap().get(cssVariable); // In other browser like Chrome, Edge

// Equivalent in Firefox
window.getComputedStyle(document.body).getPropertyValue(cssVariable);

What did you expect to see?

I expect to see a Polyfill section or Alternative solution so any dev that jumps into the page can find out quickly a solution for their problem

Do you have any supporting links, references, or citations?

https://developer.mozilla.org/en-US/docs/Web/API/Window/getComputedStyle

Do you have anything more you want to share?

No response

MDN metadata

Page report details

• Folder: en-us/web/api/element/computedstylemap
• MDN URL: https://developer.mozilla.org/en-US/docs/Web/API/Element/computedStyleMap
• GitHub URL: https://github.com/mdn/content/blob/main/files/en-us/web/api/element/computedstylemap/index.md
• Last commit: dcbb1d9
• Document last modified: 2024-09-24T13:57:44.000Z