javascript/NativeScript
1
0
Fork 0
mirror of https://github.com/NativeScript/NativeScript.git synced 2025-08-06 17:28:29 +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)) {
// 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');
if (cssValue.includes('unset')) {
// ensure unset is properly handled before processing calc
cssValue = cssValue.replace(/unset/g, '0');
}
if (cssValue.includes('infinity')) {
cssValue = cssValue.replace(/infinity/g, '999999');
}
return require('reduce-css-calc')(cssValue);
} else {
return value;