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

fix(core): Improved css clip-path parsing (#10753)

Browse Source
This commit is contained in:
Dimitris-Rafail Katsampas
2025-06-30 06:08:00 +03:00
committed by GitHub
parent 6a183709ae
commit 32f2dd14e1
1 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
packages/core/ui/styling/style-properties.ts
View File

@ -201,10 +201,11 @@ function isNonNegativeFiniteNumber(value: number): boolean {
}
function parseClipPath(value: string): string | ClipPathFunction {
const functionStartIndex = value.indexOf('(');
const funcStartIndex = value.indexOf('(');
const funcEndIndex = value.lastIndexOf(')');
if (functionStartIndex > -1) {
const functionName = value.substring(0, functionStartIndex).trim();
if (funcStartIndex > -1 && funcEndIndex > -1) {
const functionName = value.substring(0, funcStartIndex).trim();
switch (functionName) {
case 'rect':
@ -212,8 +213,7 @@ function parseClipPath(value: string): string | ClipPathFunction {
case 'ellipse':
case 'polygon':
case 'inset': {
const rule: string = value.replace(`${functionName}(`, '').replace(')', '');
return new ClipPathFunction(functionName, rule);
return new ClipPathFunction(functionName, value.substring(funcStartIndex + 1, funcEndIndex));
}
default:
throw new Error(`Clip-path function ${functionName} is not valid.`);