primefaces/primevue

Feature Request: Transform CSS Logical Properties to Physical Properties for Legacy Browser Support

Open

#7,272 opened on 2025年2月18日

GitHub で見る
 (1 comment) (0 reactions) (0 assignees)CSS (8,326 stars) (1,057 forks)batch import
Resolution: Needs Upvote :+1:good first issue

説明

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:

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?

コントリビューターガイド

技術スタック
vuetypescriptcss
領域
frontendtooling
Issue 種別
feature
難度新しい貢献者にとっての実装難度です。1 は非常に小さな変更、5 は専門的な作業です。
3
推定時間経験ある貢献者が調査、実装、テスト、pull request 準備にかけるおおよその時間範囲です。
half day
活動状況Issue が今どれだけ取り組みやすいかを示します。新しい、活発、古い、ブロック中、またはメンテナー入力待ちなどです。
fresh
明確さ期待される変更、受け入れ条件、次の手順がどれだけ明確かを示します。
clear
前提条件
CSS logical propertiesbasic JavaScript
初心者向け度初回貢献者にどれだけ取り組みやすいかを 1-100 で推定したスコアです。
70
調査方針
Examine the Ant Design Vue reference implementation at https://github.com/vueComponent/ant design vue/blob/main/components/ util/cssinjs/transformers/legacyLogicalProperties.ts. Explore PrimeVue's existing CSS build pipeline to understand how it currently handles browser compatibility. Consider implementing a similar transformer that can be integrated into PrimeVue's theme or build process. Check the single comment on the issue for any additional context or requirements from maintainers.