javascript/NativeScript
1
0
Fork 0
mirror of https://github.com/NativeScript/NativeScript.git synced 2025-08-14 18:12:09 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat(css): allow infinity values within css calc expressions (#10705)

Browse Source
This commit is contained in:
Nathan Walker
2025-02-21 14:53:08 -08:00
committed by GitHub
parent 358791795f
commit 24116c5ec3
1 changed files with 4 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
packages/core/ui/core/properties/index.ts
View File

@ -150,12 +150,14 @@ export function _evaluateCssCalcExpression(value: string) {
} }
if (isCssCalcExpression(value)) { if (isCssCalcExpression(value)) {
// WORKAROUND: reduce-css-calc can't handle the dip-unit. // Note: reduce-css-calc can't handle certain values
let cssValue = value.replace(/([0-9]+(\.[0-9]+)?)dip\b/g, '$1'); let cssValue = value.replace(/([0-9]+(\.[0-9]+)?)dip\b/g, '$1');
if (cssValue.includes('unset')) { if (cssValue.includes('unset')) {
// ensure unset is properly handled before processing calc
cssValue = cssValue.replace(/unset/g, '0'); cssValue = cssValue.replace(/unset/g, '0');
} }
if (cssValue.includes('infinity')) {
cssValue = cssValue.replace(/infinity/g, '999999');
}
return require('reduce-css-calc')(cssValue); return require('reduce-css-calc')(cssValue);
} else { } else {
return value; return value;