Feature Request: Transform CSS Logical Properties to Physical Properties for Legacy Browser Support
#7,272 opened on Feb 18, 2025
Repository metrics
- Stars
- (8,326 stars)
- PR merge metrics
- (No merged PRs in 30d)
Description
I would like to request a feature to support transforming CSS logical properties to physical properties for better browser compatibility, similar to what Ant Design Vue provides.
Currently, CSS logical properties have limited support in older browsers. By transforming logical properties to their physical counterparts (like converting margin-inline to margin-left/margin-right), we can ensure consistent layout behavior across different browser versions.
Reference implementation from Ant Design Vue:
- Documentation: https://antdv.com/docs/vue/compatible-style#css-logical-properties
- Source code: https://github.com/vueComponent/ant-design-vue/blob/main/components/_util/cssinjs/transformers/legacyLogicalProperties.ts
This feature would allow developers to:
- Write modern CSS logical properties in their code
- Automatically get backward compatibility for legacy browsers
- Maintain clean, future-proof code while ensuring wide browser support
Would the PrimeVue team consider adding this compatibility transformer feature?