Fix JavaScript and CSS that works in some browsers but not others
Help me fix browser compatibility issues with my code.
**Code that works in some browsers:**
```{{LANGUAGE}}
{{CODE}}
```
**Browser where it works:** {{WORKING_BROWSER}}
**Browser where it fails:** {{FAILING_BROWSER}}
**Error in failing browser:**
```
{{ERROR}}
```
**Feature being used:** {{FEATURE}}
**Expected behavior:** {{EXPECTED}}
**Actual behavior in failing browser:** {{ACTUAL}}
Please provide:
1. **Compatibility Analysis**: Why it fails in certain browsers
2. **Feature Support**: Check feature support across browsers
3. **Polyfill Options**: Recommend appropriate polyfills
4. **Transpilation**: Babel/PostCSS configuration if needed
5. **Fixed Code**: Cross-browser compatible solution
6. **Progressive Enhancement**: Graceful degradation approach
7. **Feature Detection**: Implement proper feature detection
8. **Testing Strategy**: Cross-browser testing approachOr press ⌘C to copy
Replace these placeholders with your own content before using the prompt.
[{LANGUAGE][{CODE][{WORKING_BROWSER][{FAILING_BROWSER][{ERROR][{FEATURE][{EXPECTED][{ACTUAL]