This is an automated email from the ASF dual-hosted git repository.

tiagobento pushed a commit to branch main
in repository https://gitbox.apache.org/repos/asf/incubator-kie-tools.git


The following commit(s) were added to refs/heads/main by this push:
     new 7e2a58b577e kie-issues#1147: DMN Editor Filter expression resize 
handler is at wrong position (#2527)
7e2a58b577e is described below

commit 7e2a58b577e15122e1f98d908c49c78f8b56edbb
Author: Daniel José dos Santos <[email protected]>
AuthorDate: Mon Aug 19 12:40:34 2024 -0300

    kie-issues#1147: DMN Editor Filter expression resize handler is at wrong 
position (#2527)
---
 .../src/resizing/Hooks.tsx                         |   6 +-
 .../boxed-filter-aligned-match-conditional.png     | Bin 0 -> 15606 bytes
 .../filter/boxed-filter-aligned-match-context.png  | Bin 0 -> 16410 bytes
 .../boxed-filter-aligned-match-decision-table.png  | Bin 0 -> 17837 bytes
 .../filter/boxed-filter-aligned-match-every.png    | Bin 0 -> 15338 bytes
 .../filter/boxed-filter-aligned-match-filter.png   | Bin 0 -> 12095 bytes
 .../filter/boxed-filter-aligned-match-for.png      | Bin 0 -> 14207 bytes
 .../filter/boxed-filter-aligned-match-function.png | Bin 0 -> 12884 bytes
 .../boxed-filter-aligned-match-invocation.png      | Bin 0 -> 14390 bytes
 .../filter/boxed-filter-aligned-match-list.png     | Bin 0 -> 9880 bytes
 .../filter/boxed-filter-aligned-match-some.png     | Bin 0 -> 15255 bytes
 .../boxed-filter-resized-match-conditional.png     | Bin 0 -> 14367 bytes
 .../boxed-filter-resized-match-context.png         | Bin 0 -> 14962 bytes
 .../boxed-filter-resized-match-decision-table.png  | Bin 0 -> 18136 bytes
 .../resizing/boxed-filter-resized-match-every.png  | Bin 0 -> 14094 bytes
 .../resizing/boxed-filter-resized-match-filter.png | Bin 0 -> 10623 bytes
 .../resizing/boxed-filter-resized-match-for.png    | Bin 0 -> 12938 bytes
 .../boxed-filter-resized-match-function.png        | Bin 0 -> 11317 bytes
 .../boxed-filter-resized-match-invocation.png      | Bin 0 -> 12846 bytes
 .../resizing/boxed-filter-resized-match-list.png   | Bin 0 -> 8229 bytes
 .../resizing/boxed-filter-resized-match-some.png   | Bin 0 -> 14023 bytes
 .../boxed-filter-aligned-match-conditional.png     | Bin 0 -> 15612 bytes
 .../filter/boxed-filter-aligned-match-context.png  | Bin 0 -> 16410 bytes
 .../boxed-filter-aligned-match-decision-table.png  | Bin 0 -> 17837 bytes
 .../filter/boxed-filter-aligned-match-every.png    | Bin 0 -> 15347 bytes
 .../filter/boxed-filter-aligned-match-filter.png   | Bin 0 -> 12095 bytes
 .../filter/boxed-filter-aligned-match-for.png      | Bin 0 -> 14216 bytes
 .../filter/boxed-filter-aligned-match-function.png | Bin 0 -> 12884 bytes
 .../boxed-filter-aligned-match-invocation.png      | Bin 0 -> 14395 bytes
 .../filter/boxed-filter-aligned-match-list.png     | Bin 0 -> 9872 bytes
 .../filter/boxed-filter-aligned-match-some.png     | Bin 0 -> 15255 bytes
 .../boxed-filter-resized-match-conditional.png     | Bin 0 -> 14367 bytes
 .../boxed-filter-resized-match-context.png         | Bin 0 -> 14962 bytes
 .../boxed-filter-resized-match-decision-table.png  | Bin 0 -> 18136 bytes
 .../resizing/boxed-filter-resized-match-every.png  | Bin 0 -> 14094 bytes
 .../resizing/boxed-filter-resized-match-filter.png | Bin 0 -> 10623 bytes
 .../resizing/boxed-filter-resized-match-for.png    | Bin 0 -> 12938 bytes
 .../boxed-filter-resized-match-function.png        | Bin 0 -> 11317 bytes
 .../boxed-filter-resized-match-invocation.png      | Bin 0 -> 12846 bytes
 .../resizing/boxed-filter-resized-match-list.png   | Bin 0 -> 8229 bytes
 .../resizing/boxed-filter-resized-match-some.png   | Bin 0 -> 14023 bytes
 .../boxed-filter-aligned-match-conditional.png     | Bin 0 -> 14316 bytes
 .../filter/boxed-filter-aligned-match-context.png  | Bin 0 -> 14824 bytes
 .../boxed-filter-aligned-match-decision-table.png  | Bin 0 -> 15762 bytes
 .../filter/boxed-filter-aligned-match-every.png    | Bin 0 -> 13936 bytes
 .../filter/boxed-filter-aligned-match-filter.png   | Bin 0 -> 11005 bytes
 .../filter/boxed-filter-aligned-match-for.png      | Bin 0 -> 13128 bytes
 .../filter/boxed-filter-aligned-match-function.png | Bin 0 -> 11424 bytes
 .../boxed-filter-aligned-match-invocation.png      | Bin 0 -> 12887 bytes
 .../filter/boxed-filter-aligned-match-list.png     | Bin 0 -> 8956 bytes
 .../filter/boxed-filter-aligned-match-some.png     | Bin 0 -> 13977 bytes
 .../boxed-filter-resized-match-conditional.png     | Bin 0 -> 13218 bytes
 .../boxed-filter-resized-match-context.png         | Bin 0 -> 13528 bytes
 .../boxed-filter-resized-match-decision-table.png  | Bin 0 -> 16111 bytes
 .../resizing/boxed-filter-resized-match-every.png  | Bin 0 -> 12779 bytes
 .../resizing/boxed-filter-resized-match-filter.png | Bin 0 -> 9695 bytes
 .../resizing/boxed-filter-resized-match-for.png    | Bin 0 -> 11904 bytes
 .../boxed-filter-resized-match-function.png        | Bin 0 -> 10053 bytes
 .../boxed-filter-resized-match-invocation.png      | Bin 0 -> 11584 bytes
 .../resizing/boxed-filter-resized-match-list.png   | Bin 0 -> 7475 bytes
 .../resizing/boxed-filter-resized-match-some.png   | Bin 0 -> 12857 bytes
 .../tests-e2e/api/expressionContainer.ts           |  15 +-
 .../api/expressions/contextExpressionElement.ts    |   4 +
 .../api/expressions/invocationExpressionElement.ts |   4 +
 .../api/expressions/listExpressionElement.ts       |   4 +
 .../filter/filterExpression.spec.ts                | 167 ++++++++++++++
 .../tests-e2e/features/resizing/resizing.spec.ts   | 240 ++++++++++++++++++++-
 67 files changed, 433 insertions(+), 7 deletions(-)

diff --git a/packages/boxed-expression-component/src/resizing/Hooks.tsx 
b/packages/boxed-expression-component/src/resizing/Hooks.tsx
index 106b09020fa..4231fccdf65 100644
--- a/packages/boxed-expression-component/src/resizing/Hooks.tsx
+++ b/packages/boxed-expression-component/src/resizing/Hooks.tsx
@@ -68,7 +68,11 @@ export function useNestedExpressionResizingWidthValue(
 
     return Math.max(
       nestedExpressionContainerResizingWidthValue - 
fixedColumnResizingWidth.value - extraWidth,
-      ...nestedExpressions.map((e) => getExpressionResizingWidth(e, new Map(), 
widthsById)),
+      ...nestedExpressions.map(
+        (e) =>
+          getExpressionResizingWidth(e, new Map(), widthsById) +
+          (nestedExpressionsExtraWidths?.get(e?.["@_id"] ?? "") ?? 0)
+      ),
       nestedExpressionMinWidth
     );
   }, [
diff --git 
a/packages/boxed-expression-component/tests-e2e/__screenshots__/Google-Chrome/boxedExpressions/filter/boxed-filter-aligned-match-conditional.png
 
b/packages/boxed-expression-component/tests-e2e/__screenshots__/Google-Chrome/boxedExpressions/filter/boxed-filter-aligned-match-conditional.png
new file mode 100644
index 00000000000..da201654066
Binary files /dev/null and 
b/packages/boxed-expression-component/tests-e2e/__screenshots__/Google-Chrome/boxedExpressions/filter/boxed-filter-aligned-match-conditional.png
 differ
diff --git 
a/packages/boxed-expression-component/tests-e2e/__screenshots__/Google-Chrome/boxedExpressions/filter/boxed-filter-aligned-match-context.png
 
b/packages/boxed-expression-component/tests-e2e/__screenshots__/Google-Chrome/boxedExpressions/filter/boxed-filter-aligned-match-context.png
new file mode 100644
index 00000000000..e89e1c18936
Binary files /dev/null and 
b/packages/boxed-expression-component/tests-e2e/__screenshots__/Google-Chrome/boxedExpressions/filter/boxed-filter-aligned-match-context.png
 differ
diff --git 
a/packages/boxed-expression-component/tests-e2e/__screenshots__/Google-Chrome/boxedExpressions/filter/boxed-filter-aligned-match-decision-table.png
 
b/packages/boxed-expression-component/tests-e2e/__screenshots__/Google-Chrome/boxedExpressions/filter/boxed-filter-aligned-match-decision-table.png
new file mode 100644
index 00000000000..01c469c4a3f
Binary files /dev/null and 
b/packages/boxed-expression-component/tests-e2e/__screenshots__/Google-Chrome/boxedExpressions/filter/boxed-filter-aligned-match-decision-table.png
 differ
diff --git 
a/packages/boxed-expression-component/tests-e2e/__screenshots__/Google-Chrome/boxedExpressions/filter/boxed-filter-aligned-match-every.png
 
b/packages/boxed-expression-component/tests-e2e/__screenshots__/Google-Chrome/boxedExpressions/filter/boxed-filter-aligned-match-every.png
new file mode 100644
index 00000000000..de3115675f7
Binary files /dev/null and 
b/packages/boxed-expression-component/tests-e2e/__screenshots__/Google-Chrome/boxedExpressions/filter/boxed-filter-aligned-match-every.png
 differ
diff --git 
a/packages/boxed-expression-component/tests-e2e/__screenshots__/Google-Chrome/boxedExpressions/filter/boxed-filter-aligned-match-filter.png
 
b/packages/boxed-expression-component/tests-e2e/__screenshots__/Google-Chrome/boxedExpressions/filter/boxed-filter-aligned-match-filter.png
new file mode 100644
index 00000000000..244ba5c2f68
Binary files /dev/null and 
b/packages/boxed-expression-component/tests-e2e/__screenshots__/Google-Chrome/boxedExpressions/filter/boxed-filter-aligned-match-filter.png
 differ
diff --git 
a/packages/boxed-expression-component/tests-e2e/__screenshots__/Google-Chrome/boxedExpressions/filter/boxed-filter-aligned-match-for.png
 
b/packages/boxed-expression-component/tests-e2e/__screenshots__/Google-Chrome/boxedExpressions/filter/boxed-filter-aligned-match-for.png
new file mode 100644
index 00000000000..d67f02b34e8
Binary files /dev/null and 
b/packages/boxed-expression-component/tests-e2e/__screenshots__/Google-Chrome/boxedExpressions/filter/boxed-filter-aligned-match-for.png
 differ
diff --git 
a/packages/boxed-expression-component/tests-e2e/__screenshots__/Google-Chrome/boxedExpressions/filter/boxed-filter-aligned-match-function.png
 
b/packages/boxed-expression-component/tests-e2e/__screenshots__/Google-Chrome/boxedExpressions/filter/boxed-filter-aligned-match-function.png
new file mode 100644
index 00000000000..8ec765362b1
Binary files /dev/null and 
b/packages/boxed-expression-component/tests-e2e/__screenshots__/Google-Chrome/boxedExpressions/filter/boxed-filter-aligned-match-function.png
 differ
diff --git 
a/packages/boxed-expression-component/tests-e2e/__screenshots__/Google-Chrome/boxedExpressions/filter/boxed-filter-aligned-match-invocation.png
 
b/packages/boxed-expression-component/tests-e2e/__screenshots__/Google-Chrome/boxedExpressions/filter/boxed-filter-aligned-match-invocation.png
new file mode 100644
index 00000000000..decc7fdb64c
Binary files /dev/null and 
b/packages/boxed-expression-component/tests-e2e/__screenshots__/Google-Chrome/boxedExpressions/filter/boxed-filter-aligned-match-invocation.png
 differ
diff --git 
a/packages/boxed-expression-component/tests-e2e/__screenshots__/Google-Chrome/boxedExpressions/filter/boxed-filter-aligned-match-list.png
 
b/packages/boxed-expression-component/tests-e2e/__screenshots__/Google-Chrome/boxedExpressions/filter/boxed-filter-aligned-match-list.png
new file mode 100644
index 00000000000..9e3473b810f
Binary files /dev/null and 
b/packages/boxed-expression-component/tests-e2e/__screenshots__/Google-Chrome/boxedExpressions/filter/boxed-filter-aligned-match-list.png
 differ
diff --git 
a/packages/boxed-expression-component/tests-e2e/__screenshots__/Google-Chrome/boxedExpressions/filter/boxed-filter-aligned-match-some.png
 
b/packages/boxed-expression-component/tests-e2e/__screenshots__/Google-Chrome/boxedExpressions/filter/boxed-filter-aligned-match-some.png
new file mode 100644
index 00000000000..b025d33dc6e
Binary files /dev/null and 
b/packages/boxed-expression-component/tests-e2e/__screenshots__/Google-Chrome/boxedExpressions/filter/boxed-filter-aligned-match-some.png
 differ
diff --git 
a/packages/boxed-expression-component/tests-e2e/__screenshots__/Google-Chrome/features/resizing/boxed-filter-resized-match-conditional.png
 
b/packages/boxed-expression-component/tests-e2e/__screenshots__/Google-Chrome/features/resizing/boxed-filter-resized-match-conditional.png
new file mode 100644
index 00000000000..8f0adf4a203
Binary files /dev/null and 
b/packages/boxed-expression-component/tests-e2e/__screenshots__/Google-Chrome/features/resizing/boxed-filter-resized-match-conditional.png
 differ
diff --git 
a/packages/boxed-expression-component/tests-e2e/__screenshots__/Google-Chrome/features/resizing/boxed-filter-resized-match-context.png
 
b/packages/boxed-expression-component/tests-e2e/__screenshots__/Google-Chrome/features/resizing/boxed-filter-resized-match-context.png
new file mode 100644
index 00000000000..7ab6e547e1f
Binary files /dev/null and 
b/packages/boxed-expression-component/tests-e2e/__screenshots__/Google-Chrome/features/resizing/boxed-filter-resized-match-context.png
 differ
diff --git 
a/packages/boxed-expression-component/tests-e2e/__screenshots__/Google-Chrome/features/resizing/boxed-filter-resized-match-decision-table.png
 
b/packages/boxed-expression-component/tests-e2e/__screenshots__/Google-Chrome/features/resizing/boxed-filter-resized-match-decision-table.png
new file mode 100644
index 00000000000..3bd2a7e9429
Binary files /dev/null and 
b/packages/boxed-expression-component/tests-e2e/__screenshots__/Google-Chrome/features/resizing/boxed-filter-resized-match-decision-table.png
 differ
diff --git 
a/packages/boxed-expression-component/tests-e2e/__screenshots__/Google-Chrome/features/resizing/boxed-filter-resized-match-every.png
 
b/packages/boxed-expression-component/tests-e2e/__screenshots__/Google-Chrome/features/resizing/boxed-filter-resized-match-every.png
new file mode 100644
index 00000000000..351f8a8609a
Binary files /dev/null and 
b/packages/boxed-expression-component/tests-e2e/__screenshots__/Google-Chrome/features/resizing/boxed-filter-resized-match-every.png
 differ
diff --git 
a/packages/boxed-expression-component/tests-e2e/__screenshots__/Google-Chrome/features/resizing/boxed-filter-resized-match-filter.png
 
b/packages/boxed-expression-component/tests-e2e/__screenshots__/Google-Chrome/features/resizing/boxed-filter-resized-match-filter.png
new file mode 100644
index 00000000000..8b44270a338
Binary files /dev/null and 
b/packages/boxed-expression-component/tests-e2e/__screenshots__/Google-Chrome/features/resizing/boxed-filter-resized-match-filter.png
 differ
diff --git 
a/packages/boxed-expression-component/tests-e2e/__screenshots__/Google-Chrome/features/resizing/boxed-filter-resized-match-for.png
 
b/packages/boxed-expression-component/tests-e2e/__screenshots__/Google-Chrome/features/resizing/boxed-filter-resized-match-for.png
new file mode 100644
index 00000000000..02114a380fc
Binary files /dev/null and 
b/packages/boxed-expression-component/tests-e2e/__screenshots__/Google-Chrome/features/resizing/boxed-filter-resized-match-for.png
 differ
diff --git 
a/packages/boxed-expression-component/tests-e2e/__screenshots__/Google-Chrome/features/resizing/boxed-filter-resized-match-function.png
 
b/packages/boxed-expression-component/tests-e2e/__screenshots__/Google-Chrome/features/resizing/boxed-filter-resized-match-function.png
new file mode 100644
index 00000000000..566347d7dcd
Binary files /dev/null and 
b/packages/boxed-expression-component/tests-e2e/__screenshots__/Google-Chrome/features/resizing/boxed-filter-resized-match-function.png
 differ
diff --git 
a/packages/boxed-expression-component/tests-e2e/__screenshots__/Google-Chrome/features/resizing/boxed-filter-resized-match-invocation.png
 
b/packages/boxed-expression-component/tests-e2e/__screenshots__/Google-Chrome/features/resizing/boxed-filter-resized-match-invocation.png
new file mode 100644
index 00000000000..e345694fe79
Binary files /dev/null and 
b/packages/boxed-expression-component/tests-e2e/__screenshots__/Google-Chrome/features/resizing/boxed-filter-resized-match-invocation.png
 differ
diff --git 
a/packages/boxed-expression-component/tests-e2e/__screenshots__/Google-Chrome/features/resizing/boxed-filter-resized-match-list.png
 
b/packages/boxed-expression-component/tests-e2e/__screenshots__/Google-Chrome/features/resizing/boxed-filter-resized-match-list.png
new file mode 100644
index 00000000000..d4ecfb82b09
Binary files /dev/null and 
b/packages/boxed-expression-component/tests-e2e/__screenshots__/Google-Chrome/features/resizing/boxed-filter-resized-match-list.png
 differ
diff --git 
a/packages/boxed-expression-component/tests-e2e/__screenshots__/Google-Chrome/features/resizing/boxed-filter-resized-match-some.png
 
b/packages/boxed-expression-component/tests-e2e/__screenshots__/Google-Chrome/features/resizing/boxed-filter-resized-match-some.png
new file mode 100644
index 00000000000..8668cbac705
Binary files /dev/null and 
b/packages/boxed-expression-component/tests-e2e/__screenshots__/Google-Chrome/features/resizing/boxed-filter-resized-match-some.png
 differ
diff --git 
a/packages/boxed-expression-component/tests-e2e/__screenshots__/chromium/boxedExpressions/filter/boxed-filter-aligned-match-conditional.png
 
b/packages/boxed-expression-component/tests-e2e/__screenshots__/chromium/boxedExpressions/filter/boxed-filter-aligned-match-conditional.png
new file mode 100644
index 00000000000..d0f9e97b9e5
Binary files /dev/null and 
b/packages/boxed-expression-component/tests-e2e/__screenshots__/chromium/boxedExpressions/filter/boxed-filter-aligned-match-conditional.png
 differ
diff --git 
a/packages/boxed-expression-component/tests-e2e/__screenshots__/chromium/boxedExpressions/filter/boxed-filter-aligned-match-context.png
 
b/packages/boxed-expression-component/tests-e2e/__screenshots__/chromium/boxedExpressions/filter/boxed-filter-aligned-match-context.png
new file mode 100644
index 00000000000..e89e1c18936
Binary files /dev/null and 
b/packages/boxed-expression-component/tests-e2e/__screenshots__/chromium/boxedExpressions/filter/boxed-filter-aligned-match-context.png
 differ
diff --git 
a/packages/boxed-expression-component/tests-e2e/__screenshots__/chromium/boxedExpressions/filter/boxed-filter-aligned-match-decision-table.png
 
b/packages/boxed-expression-component/tests-e2e/__screenshots__/chromium/boxedExpressions/filter/boxed-filter-aligned-match-decision-table.png
new file mode 100644
index 00000000000..01c469c4a3f
Binary files /dev/null and 
b/packages/boxed-expression-component/tests-e2e/__screenshots__/chromium/boxedExpressions/filter/boxed-filter-aligned-match-decision-table.png
 differ
diff --git 
a/packages/boxed-expression-component/tests-e2e/__screenshots__/chromium/boxedExpressions/filter/boxed-filter-aligned-match-every.png
 
b/packages/boxed-expression-component/tests-e2e/__screenshots__/chromium/boxedExpressions/filter/boxed-filter-aligned-match-every.png
new file mode 100644
index 00000000000..38a805cad8e
Binary files /dev/null and 
b/packages/boxed-expression-component/tests-e2e/__screenshots__/chromium/boxedExpressions/filter/boxed-filter-aligned-match-every.png
 differ
diff --git 
a/packages/boxed-expression-component/tests-e2e/__screenshots__/chromium/boxedExpressions/filter/boxed-filter-aligned-match-filter.png
 
b/packages/boxed-expression-component/tests-e2e/__screenshots__/chromium/boxedExpressions/filter/boxed-filter-aligned-match-filter.png
new file mode 100644
index 00000000000..244ba5c2f68
Binary files /dev/null and 
b/packages/boxed-expression-component/tests-e2e/__screenshots__/chromium/boxedExpressions/filter/boxed-filter-aligned-match-filter.png
 differ
diff --git 
a/packages/boxed-expression-component/tests-e2e/__screenshots__/chromium/boxedExpressions/filter/boxed-filter-aligned-match-for.png
 
b/packages/boxed-expression-component/tests-e2e/__screenshots__/chromium/boxedExpressions/filter/boxed-filter-aligned-match-for.png
new file mode 100644
index 00000000000..309baf04d79
Binary files /dev/null and 
b/packages/boxed-expression-component/tests-e2e/__screenshots__/chromium/boxedExpressions/filter/boxed-filter-aligned-match-for.png
 differ
diff --git 
a/packages/boxed-expression-component/tests-e2e/__screenshots__/chromium/boxedExpressions/filter/boxed-filter-aligned-match-function.png
 
b/packages/boxed-expression-component/tests-e2e/__screenshots__/chromium/boxedExpressions/filter/boxed-filter-aligned-match-function.png
new file mode 100644
index 00000000000..8ec765362b1
Binary files /dev/null and 
b/packages/boxed-expression-component/tests-e2e/__screenshots__/chromium/boxedExpressions/filter/boxed-filter-aligned-match-function.png
 differ
diff --git 
a/packages/boxed-expression-component/tests-e2e/__screenshots__/chromium/boxedExpressions/filter/boxed-filter-aligned-match-invocation.png
 
b/packages/boxed-expression-component/tests-e2e/__screenshots__/chromium/boxedExpressions/filter/boxed-filter-aligned-match-invocation.png
new file mode 100644
index 00000000000..c13cd988a97
Binary files /dev/null and 
b/packages/boxed-expression-component/tests-e2e/__screenshots__/chromium/boxedExpressions/filter/boxed-filter-aligned-match-invocation.png
 differ
diff --git 
a/packages/boxed-expression-component/tests-e2e/__screenshots__/chromium/boxedExpressions/filter/boxed-filter-aligned-match-list.png
 
b/packages/boxed-expression-component/tests-e2e/__screenshots__/chromium/boxedExpressions/filter/boxed-filter-aligned-match-list.png
new file mode 100644
index 00000000000..545a6965f91
Binary files /dev/null and 
b/packages/boxed-expression-component/tests-e2e/__screenshots__/chromium/boxedExpressions/filter/boxed-filter-aligned-match-list.png
 differ
diff --git 
a/packages/boxed-expression-component/tests-e2e/__screenshots__/chromium/boxedExpressions/filter/boxed-filter-aligned-match-some.png
 
b/packages/boxed-expression-component/tests-e2e/__screenshots__/chromium/boxedExpressions/filter/boxed-filter-aligned-match-some.png
new file mode 100644
index 00000000000..b025d33dc6e
Binary files /dev/null and 
b/packages/boxed-expression-component/tests-e2e/__screenshots__/chromium/boxedExpressions/filter/boxed-filter-aligned-match-some.png
 differ
diff --git 
a/packages/boxed-expression-component/tests-e2e/__screenshots__/chromium/features/resizing/boxed-filter-resized-match-conditional.png
 
b/packages/boxed-expression-component/tests-e2e/__screenshots__/chromium/features/resizing/boxed-filter-resized-match-conditional.png
new file mode 100644
index 00000000000..8f0adf4a203
Binary files /dev/null and 
b/packages/boxed-expression-component/tests-e2e/__screenshots__/chromium/features/resizing/boxed-filter-resized-match-conditional.png
 differ
diff --git 
a/packages/boxed-expression-component/tests-e2e/__screenshots__/chromium/features/resizing/boxed-filter-resized-match-context.png
 
b/packages/boxed-expression-component/tests-e2e/__screenshots__/chromium/features/resizing/boxed-filter-resized-match-context.png
new file mode 100644
index 00000000000..7ab6e547e1f
Binary files /dev/null and 
b/packages/boxed-expression-component/tests-e2e/__screenshots__/chromium/features/resizing/boxed-filter-resized-match-context.png
 differ
diff --git 
a/packages/boxed-expression-component/tests-e2e/__screenshots__/chromium/features/resizing/boxed-filter-resized-match-decision-table.png
 
b/packages/boxed-expression-component/tests-e2e/__screenshots__/chromium/features/resizing/boxed-filter-resized-match-decision-table.png
new file mode 100644
index 00000000000..3bd2a7e9429
Binary files /dev/null and 
b/packages/boxed-expression-component/tests-e2e/__screenshots__/chromium/features/resizing/boxed-filter-resized-match-decision-table.png
 differ
diff --git 
a/packages/boxed-expression-component/tests-e2e/__screenshots__/chromium/features/resizing/boxed-filter-resized-match-every.png
 
b/packages/boxed-expression-component/tests-e2e/__screenshots__/chromium/features/resizing/boxed-filter-resized-match-every.png
new file mode 100644
index 00000000000..351f8a8609a
Binary files /dev/null and 
b/packages/boxed-expression-component/tests-e2e/__screenshots__/chromium/features/resizing/boxed-filter-resized-match-every.png
 differ
diff --git 
a/packages/boxed-expression-component/tests-e2e/__screenshots__/chromium/features/resizing/boxed-filter-resized-match-filter.png
 
b/packages/boxed-expression-component/tests-e2e/__screenshots__/chromium/features/resizing/boxed-filter-resized-match-filter.png
new file mode 100644
index 00000000000..8b44270a338
Binary files /dev/null and 
b/packages/boxed-expression-component/tests-e2e/__screenshots__/chromium/features/resizing/boxed-filter-resized-match-filter.png
 differ
diff --git 
a/packages/boxed-expression-component/tests-e2e/__screenshots__/chromium/features/resizing/boxed-filter-resized-match-for.png
 
b/packages/boxed-expression-component/tests-e2e/__screenshots__/chromium/features/resizing/boxed-filter-resized-match-for.png
new file mode 100644
index 00000000000..02114a380fc
Binary files /dev/null and 
b/packages/boxed-expression-component/tests-e2e/__screenshots__/chromium/features/resizing/boxed-filter-resized-match-for.png
 differ
diff --git 
a/packages/boxed-expression-component/tests-e2e/__screenshots__/chromium/features/resizing/boxed-filter-resized-match-function.png
 
b/packages/boxed-expression-component/tests-e2e/__screenshots__/chromium/features/resizing/boxed-filter-resized-match-function.png
new file mode 100644
index 00000000000..566347d7dcd
Binary files /dev/null and 
b/packages/boxed-expression-component/tests-e2e/__screenshots__/chromium/features/resizing/boxed-filter-resized-match-function.png
 differ
diff --git 
a/packages/boxed-expression-component/tests-e2e/__screenshots__/chromium/features/resizing/boxed-filter-resized-match-invocation.png
 
b/packages/boxed-expression-component/tests-e2e/__screenshots__/chromium/features/resizing/boxed-filter-resized-match-invocation.png
new file mode 100644
index 00000000000..e345694fe79
Binary files /dev/null and 
b/packages/boxed-expression-component/tests-e2e/__screenshots__/chromium/features/resizing/boxed-filter-resized-match-invocation.png
 differ
diff --git 
a/packages/boxed-expression-component/tests-e2e/__screenshots__/chromium/features/resizing/boxed-filter-resized-match-list.png
 
b/packages/boxed-expression-component/tests-e2e/__screenshots__/chromium/features/resizing/boxed-filter-resized-match-list.png
new file mode 100644
index 00000000000..d4ecfb82b09
Binary files /dev/null and 
b/packages/boxed-expression-component/tests-e2e/__screenshots__/chromium/features/resizing/boxed-filter-resized-match-list.png
 differ
diff --git 
a/packages/boxed-expression-component/tests-e2e/__screenshots__/chromium/features/resizing/boxed-filter-resized-match-some.png
 
b/packages/boxed-expression-component/tests-e2e/__screenshots__/chromium/features/resizing/boxed-filter-resized-match-some.png
new file mode 100644
index 00000000000..8668cbac705
Binary files /dev/null and 
b/packages/boxed-expression-component/tests-e2e/__screenshots__/chromium/features/resizing/boxed-filter-resized-match-some.png
 differ
diff --git 
a/packages/boxed-expression-component/tests-e2e/__screenshots__/webkit/boxedExpressions/filter/boxed-filter-aligned-match-conditional.png
 
b/packages/boxed-expression-component/tests-e2e/__screenshots__/webkit/boxedExpressions/filter/boxed-filter-aligned-match-conditional.png
new file mode 100644
index 00000000000..3937d89f9dc
Binary files /dev/null and 
b/packages/boxed-expression-component/tests-e2e/__screenshots__/webkit/boxedExpressions/filter/boxed-filter-aligned-match-conditional.png
 differ
diff --git 
a/packages/boxed-expression-component/tests-e2e/__screenshots__/webkit/boxedExpressions/filter/boxed-filter-aligned-match-context.png
 
b/packages/boxed-expression-component/tests-e2e/__screenshots__/webkit/boxedExpressions/filter/boxed-filter-aligned-match-context.png
new file mode 100644
index 00000000000..3fce2cafac6
Binary files /dev/null and 
b/packages/boxed-expression-component/tests-e2e/__screenshots__/webkit/boxedExpressions/filter/boxed-filter-aligned-match-context.png
 differ
diff --git 
a/packages/boxed-expression-component/tests-e2e/__screenshots__/webkit/boxedExpressions/filter/boxed-filter-aligned-match-decision-table.png
 
b/packages/boxed-expression-component/tests-e2e/__screenshots__/webkit/boxedExpressions/filter/boxed-filter-aligned-match-decision-table.png
new file mode 100644
index 00000000000..9c4f6642a3f
Binary files /dev/null and 
b/packages/boxed-expression-component/tests-e2e/__screenshots__/webkit/boxedExpressions/filter/boxed-filter-aligned-match-decision-table.png
 differ
diff --git 
a/packages/boxed-expression-component/tests-e2e/__screenshots__/webkit/boxedExpressions/filter/boxed-filter-aligned-match-every.png
 
b/packages/boxed-expression-component/tests-e2e/__screenshots__/webkit/boxedExpressions/filter/boxed-filter-aligned-match-every.png
new file mode 100644
index 00000000000..a9f4717eb3f
Binary files /dev/null and 
b/packages/boxed-expression-component/tests-e2e/__screenshots__/webkit/boxedExpressions/filter/boxed-filter-aligned-match-every.png
 differ
diff --git 
a/packages/boxed-expression-component/tests-e2e/__screenshots__/webkit/boxedExpressions/filter/boxed-filter-aligned-match-filter.png
 
b/packages/boxed-expression-component/tests-e2e/__screenshots__/webkit/boxedExpressions/filter/boxed-filter-aligned-match-filter.png
new file mode 100644
index 00000000000..1cefd78e2fb
Binary files /dev/null and 
b/packages/boxed-expression-component/tests-e2e/__screenshots__/webkit/boxedExpressions/filter/boxed-filter-aligned-match-filter.png
 differ
diff --git 
a/packages/boxed-expression-component/tests-e2e/__screenshots__/webkit/boxedExpressions/filter/boxed-filter-aligned-match-for.png
 
b/packages/boxed-expression-component/tests-e2e/__screenshots__/webkit/boxedExpressions/filter/boxed-filter-aligned-match-for.png
new file mode 100644
index 00000000000..770201906b2
Binary files /dev/null and 
b/packages/boxed-expression-component/tests-e2e/__screenshots__/webkit/boxedExpressions/filter/boxed-filter-aligned-match-for.png
 differ
diff --git 
a/packages/boxed-expression-component/tests-e2e/__screenshots__/webkit/boxedExpressions/filter/boxed-filter-aligned-match-function.png
 
b/packages/boxed-expression-component/tests-e2e/__screenshots__/webkit/boxedExpressions/filter/boxed-filter-aligned-match-function.png
new file mode 100644
index 00000000000..d5089c19f4f
Binary files /dev/null and 
b/packages/boxed-expression-component/tests-e2e/__screenshots__/webkit/boxedExpressions/filter/boxed-filter-aligned-match-function.png
 differ
diff --git 
a/packages/boxed-expression-component/tests-e2e/__screenshots__/webkit/boxedExpressions/filter/boxed-filter-aligned-match-invocation.png
 
b/packages/boxed-expression-component/tests-e2e/__screenshots__/webkit/boxedExpressions/filter/boxed-filter-aligned-match-invocation.png
new file mode 100644
index 00000000000..f0c50d3a9d4
Binary files /dev/null and 
b/packages/boxed-expression-component/tests-e2e/__screenshots__/webkit/boxedExpressions/filter/boxed-filter-aligned-match-invocation.png
 differ
diff --git 
a/packages/boxed-expression-component/tests-e2e/__screenshots__/webkit/boxedExpressions/filter/boxed-filter-aligned-match-list.png
 
b/packages/boxed-expression-component/tests-e2e/__screenshots__/webkit/boxedExpressions/filter/boxed-filter-aligned-match-list.png
new file mode 100644
index 00000000000..1becb3d21a3
Binary files /dev/null and 
b/packages/boxed-expression-component/tests-e2e/__screenshots__/webkit/boxedExpressions/filter/boxed-filter-aligned-match-list.png
 differ
diff --git 
a/packages/boxed-expression-component/tests-e2e/__screenshots__/webkit/boxedExpressions/filter/boxed-filter-aligned-match-some.png
 
b/packages/boxed-expression-component/tests-e2e/__screenshots__/webkit/boxedExpressions/filter/boxed-filter-aligned-match-some.png
new file mode 100644
index 00000000000..1a706d54bb3
Binary files /dev/null and 
b/packages/boxed-expression-component/tests-e2e/__screenshots__/webkit/boxedExpressions/filter/boxed-filter-aligned-match-some.png
 differ
diff --git 
a/packages/boxed-expression-component/tests-e2e/__screenshots__/webkit/features/resizing/boxed-filter-resized-match-conditional.png
 
b/packages/boxed-expression-component/tests-e2e/__screenshots__/webkit/features/resizing/boxed-filter-resized-match-conditional.png
new file mode 100644
index 00000000000..1b70995dce4
Binary files /dev/null and 
b/packages/boxed-expression-component/tests-e2e/__screenshots__/webkit/features/resizing/boxed-filter-resized-match-conditional.png
 differ
diff --git 
a/packages/boxed-expression-component/tests-e2e/__screenshots__/webkit/features/resizing/boxed-filter-resized-match-context.png
 
b/packages/boxed-expression-component/tests-e2e/__screenshots__/webkit/features/resizing/boxed-filter-resized-match-context.png
new file mode 100644
index 00000000000..fe0852c8558
Binary files /dev/null and 
b/packages/boxed-expression-component/tests-e2e/__screenshots__/webkit/features/resizing/boxed-filter-resized-match-context.png
 differ
diff --git 
a/packages/boxed-expression-component/tests-e2e/__screenshots__/webkit/features/resizing/boxed-filter-resized-match-decision-table.png
 
b/packages/boxed-expression-component/tests-e2e/__screenshots__/webkit/features/resizing/boxed-filter-resized-match-decision-table.png
new file mode 100644
index 00000000000..7708ec63c8d
Binary files /dev/null and 
b/packages/boxed-expression-component/tests-e2e/__screenshots__/webkit/features/resizing/boxed-filter-resized-match-decision-table.png
 differ
diff --git 
a/packages/boxed-expression-component/tests-e2e/__screenshots__/webkit/features/resizing/boxed-filter-resized-match-every.png
 
b/packages/boxed-expression-component/tests-e2e/__screenshots__/webkit/features/resizing/boxed-filter-resized-match-every.png
new file mode 100644
index 00000000000..16cdd8f5c8f
Binary files /dev/null and 
b/packages/boxed-expression-component/tests-e2e/__screenshots__/webkit/features/resizing/boxed-filter-resized-match-every.png
 differ
diff --git 
a/packages/boxed-expression-component/tests-e2e/__screenshots__/webkit/features/resizing/boxed-filter-resized-match-filter.png
 
b/packages/boxed-expression-component/tests-e2e/__screenshots__/webkit/features/resizing/boxed-filter-resized-match-filter.png
new file mode 100644
index 00000000000..bfc2308b9ef
Binary files /dev/null and 
b/packages/boxed-expression-component/tests-e2e/__screenshots__/webkit/features/resizing/boxed-filter-resized-match-filter.png
 differ
diff --git 
a/packages/boxed-expression-component/tests-e2e/__screenshots__/webkit/features/resizing/boxed-filter-resized-match-for.png
 
b/packages/boxed-expression-component/tests-e2e/__screenshots__/webkit/features/resizing/boxed-filter-resized-match-for.png
new file mode 100644
index 00000000000..552ad90fee6
Binary files /dev/null and 
b/packages/boxed-expression-component/tests-e2e/__screenshots__/webkit/features/resizing/boxed-filter-resized-match-for.png
 differ
diff --git 
a/packages/boxed-expression-component/tests-e2e/__screenshots__/webkit/features/resizing/boxed-filter-resized-match-function.png
 
b/packages/boxed-expression-component/tests-e2e/__screenshots__/webkit/features/resizing/boxed-filter-resized-match-function.png
new file mode 100644
index 00000000000..4e830734110
Binary files /dev/null and 
b/packages/boxed-expression-component/tests-e2e/__screenshots__/webkit/features/resizing/boxed-filter-resized-match-function.png
 differ
diff --git 
a/packages/boxed-expression-component/tests-e2e/__screenshots__/webkit/features/resizing/boxed-filter-resized-match-invocation.png
 
b/packages/boxed-expression-component/tests-e2e/__screenshots__/webkit/features/resizing/boxed-filter-resized-match-invocation.png
new file mode 100644
index 00000000000..6cecc83d8d7
Binary files /dev/null and 
b/packages/boxed-expression-component/tests-e2e/__screenshots__/webkit/features/resizing/boxed-filter-resized-match-invocation.png
 differ
diff --git 
a/packages/boxed-expression-component/tests-e2e/__screenshots__/webkit/features/resizing/boxed-filter-resized-match-list.png
 
b/packages/boxed-expression-component/tests-e2e/__screenshots__/webkit/features/resizing/boxed-filter-resized-match-list.png
new file mode 100644
index 00000000000..49bf5f4f9fd
Binary files /dev/null and 
b/packages/boxed-expression-component/tests-e2e/__screenshots__/webkit/features/resizing/boxed-filter-resized-match-list.png
 differ
diff --git 
a/packages/boxed-expression-component/tests-e2e/__screenshots__/webkit/features/resizing/boxed-filter-resized-match-some.png
 
b/packages/boxed-expression-component/tests-e2e/__screenshots__/webkit/features/resizing/boxed-filter-resized-match-some.png
new file mode 100644
index 00000000000..d49983a7184
Binary files /dev/null and 
b/packages/boxed-expression-component/tests-e2e/__screenshots__/webkit/features/resizing/boxed-filter-resized-match-some.png
 differ
diff --git 
a/packages/boxed-expression-component/tests-e2e/api/expressionContainer.ts 
b/packages/boxed-expression-component/tests-e2e/api/expressionContainer.ts
index 549e11a2e33..32fca2cfdcc 100644
--- a/packages/boxed-expression-component/tests-e2e/api/expressionContainer.ts
+++ b/packages/boxed-expression-component/tests-e2e/api/expressionContainer.ts
@@ -165,10 +165,15 @@ export class ChildExpression {
     private locator: Locator,
     monaco: Monaco
   ) {
-    this._expression = new ExpressionContainer(
-      this.locator.getByTestId("kie-tools--bee--expression-container").nth(0),
-      monaco
-    );
+    this._expression = new ExpressionContainer(this.elementCell, monaco);
+  }
+
+  public async hover() {
+    await this.elementCell.hover();
+  }
+
+  get elementCell() {
+    return 
this.locator.getByTestId("kie-tools--bee--expression-container").nth(0);
   }
 
   get expression() {
@@ -176,7 +181,7 @@ export class ChildExpression {
   }
 
   get selectExpressionMenu() {
-    return new 
SelectExpressionMenu(this.locator.getByTestId("kie-tools--bee--expression-container").nth(0));
+    return new SelectExpressionMenu(this.elementCell);
   }
 
   get contextMenu() {
diff --git 
a/packages/boxed-expression-component/tests-e2e/api/expressions/contextExpressionElement.ts
 
b/packages/boxed-expression-component/tests-e2e/api/expressions/contextExpressionElement.ts
index c3c06e92d00..8a08fb58e81 100644
--- 
a/packages/boxed-expression-component/tests-e2e/api/expressions/contextExpressionElement.ts
+++ 
b/packages/boxed-expression-component/tests-e2e/api/expressions/contextExpressionElement.ts
@@ -104,4 +104,8 @@ export class ContextExpressionEntry {
   get variable() {
     return new NameAndDataTypeCell(this.locator.getByRole("cell").nth(0));
   }
+
+  get elementCell() {
+    return this.childExpression.elementCell;
+  }
 }
diff --git 
a/packages/boxed-expression-component/tests-e2e/api/expressions/invocationExpressionElement.ts
 
b/packages/boxed-expression-component/tests-e2e/api/expressions/invocationExpressionElement.ts
index 71a186cc2ba..5409013e281 100644
--- 
a/packages/boxed-expression-component/tests-e2e/api/expressions/invocationExpressionElement.ts
+++ 
b/packages/boxed-expression-component/tests-e2e/api/expressions/invocationExpressionElement.ts
@@ -100,4 +100,8 @@ class InvocationParameter {
   get descriptionCell() {
     return new 
NameAndDataTypeCell(this.locator.getByTestId(`kie-tools--bee--expression-column-1`).nth(0));
   }
+
+  get elementCell() {
+    return this.expressionElement.elementCell;
+  }
 }
diff --git 
a/packages/boxed-expression-component/tests-e2e/api/expressions/listExpressionElement.ts
 
b/packages/boxed-expression-component/tests-e2e/api/expressions/listExpressionElement.ts
index 646d99d4836..05ef0b46f32 100644
--- 
a/packages/boxed-expression-component/tests-e2e/api/expressions/listExpressionElement.ts
+++ 
b/packages/boxed-expression-component/tests-e2e/api/expressions/listExpressionElement.ts
@@ -76,6 +76,10 @@ export class Row {
     return this.childExpression.expression;
   }
 
+  get elementCell() {
+    return this.childExpression.elementCell;
+  }
+
   get selectExpressionMenu() {
     return this.childExpression.selectExpressionMenu;
   }
diff --git 
a/packages/boxed-expression-component/tests-e2e/boxedExpressions/filter/filterExpression.spec.ts
 
b/packages/boxed-expression-component/tests-e2e/boxedExpressions/filter/filterExpression.spec.ts
index cf742918f75..0490d1ef39a 100644
--- 
a/packages/boxed-expression-component/tests-e2e/boxedExpressions/filter/filterExpression.spec.ts
+++ 
b/packages/boxed-expression-component/tests-e2e/boxedExpressions/filter/filterExpression.spec.ts
@@ -108,4 +108,171 @@ test.describe("Create Boxed Filter", () => {
     expect((await 
jsonModel.getFilterExpression()).in["@_id"]).not.toBeUndefined();
     expect((await 
jsonModel.getFilterExpression()).match["@_id"]).not.toBeUndefined();
   });
+
+  test.describe("should correctly fill the 'in' cell when the 'match' cell is 
larger than the 'in' cell", () => {
+    // We're testing the expressions known to be wider than the default Filter 
Expression width, not all expressions
+    test.beforeEach(async ({ stories, browserName, clipboard }) => {
+      await stories.openBoxedFilter("base");
+    });
+
+    test("should correctly fill the 'in' cell when the 'match' cell is larger 
than the 'in' cell - Context Expression", async ({
+      bee,
+      page,
+      stories,
+    }) => {
+      test.info().annotations.push({
+        type: TestAnnotations.REGRESSION,
+        description: 
"https://github.com/apache/incubator-kie-issues/issues/1147";,
+      });
+      const filterExpression = bee.expression.asFilter();
+      await filterExpression.match.selectExpressionMenu.selectContext();
+      // We're hovering the 'in' to make the width difference to the 'match' 
more clear
+      await filterExpression.in.hover();
+      await 
expect(bee.getContainer()).toHaveScreenshot("boxed-filter-aligned-match-context.png");
+    });
+
+    test("should correctly fill the 'in' cell when the 'match' cell is larger 
than the 'in' cell - Decision Table", async ({
+      bee,
+      jsonModel,
+      stories,
+    }) => {
+      test.info().annotations.push({
+        type: TestAnnotations.REGRESSION,
+        description: 
"https://github.com/apache/incubator-kie-issues/issues/1147";,
+      });
+      const filterExpression = bee.expression.asFilter();
+      await filterExpression.match.selectExpressionMenu.selectDecisionTable();
+      // We're hovering the 'in' to make the width difference to the 'match' 
more clear
+      await filterExpression.in.hover();
+      await 
expect(bee.getContainer()).toHaveScreenshot("boxed-filter-aligned-match-decision-table.png");
+    });
+
+    test("should correctly fill the 'in' cell when the 'match' cell is larger 
than the 'in' cell - List", async ({
+      bee,
+      jsonModel,
+      stories,
+    }) => {
+      test.info().annotations.push({
+        type: TestAnnotations.REGRESSION,
+        description: 
"https://github.com/apache/incubator-kie-issues/issues/1147";,
+      });
+      const filterExpression = bee.expression.asFilter();
+      await filterExpression.match.selectExpressionMenu.selectList();
+      // We're hovering the 'in' to make the width difference to the 'match' 
more clear
+      await filterExpression.in.hover();
+      await 
expect(bee.getContainer()).toHaveScreenshot("boxed-filter-aligned-match-list.png");
+    });
+
+    test("should correctly fill the 'in' cell when the 'match' cell is larger 
than the 'in' cell - Invocation", async ({
+      bee,
+      jsonModel,
+      stories,
+    }) => {
+      test.info().annotations.push({
+        type: TestAnnotations.REGRESSION,
+        description: 
"https://github.com/apache/incubator-kie-issues/issues/1147";,
+      });
+      const filterExpression = bee.expression.asFilter();
+      await filterExpression.match.selectExpressionMenu.selectInvocation();
+      // We're hovering the 'in' to make the width difference to the 'match' 
more clear
+      await filterExpression.in.hover();
+      await 
expect(bee.getContainer()).toHaveScreenshot("boxed-filter-aligned-match-invocation.png");
+    });
+
+    test("should correctly fill the 'in' cell when the 'match' cell is larger 
than the 'in' cell - Function", async ({
+      bee,
+      jsonModel,
+      stories,
+    }) => {
+      test.info().annotations.push({
+        type: TestAnnotations.REGRESSION,
+        description: 
"https://github.com/apache/incubator-kie-issues/issues/1147";,
+      });
+      const filterExpression = bee.expression.asFilter();
+      await filterExpression.match.selectExpressionMenu.selectFunction();
+      // We're hovering the 'in' to make the width difference to the 'match' 
more clear
+      await filterExpression.in.hover();
+      await 
expect(bee.getContainer()).toHaveScreenshot("boxed-filter-aligned-match-function.png");
+    });
+
+    test("should correctly fill the 'in' cell when the 'match' cell is larger 
than the 'in' cell - Conditional", async ({
+      bee,
+      jsonModel,
+      stories,
+    }) => {
+      test.info().annotations.push({
+        type: TestAnnotations.REGRESSION,
+        description: 
"https://github.com/apache/incubator-kie-issues/issues/1147";,
+      });
+      const filterExpression = bee.expression.asFilter();
+      await filterExpression.match.selectExpressionMenu.selectConditional();
+      // We're hovering the 'in' to make the width difference to the 'match' 
more clear
+      await filterExpression.in.hover();
+      await 
expect(bee.getContainer()).toHaveScreenshot("boxed-filter-aligned-match-conditional.png");
+    });
+
+    test("should correctly fill the 'in' cell when the 'match' cell is larger 
than the 'in' cell - For", async ({
+      bee,
+      jsonModel,
+      stories,
+    }) => {
+      test.info().annotations.push({
+        type: TestAnnotations.REGRESSION,
+        description: 
"https://github.com/apache/incubator-kie-issues/issues/1147";,
+      });
+      const filterExpression = bee.expression.asFilter();
+      await filterExpression.match.selectExpressionMenu.selectFor();
+      // We're hovering the 'in' to make the width difference to the 'match' 
more clear
+      await filterExpression.in.hover();
+      await 
expect(bee.getContainer()).toHaveScreenshot("boxed-filter-aligned-match-for.png");
+    });
+
+    test("should correctly fill the 'in' cell when the 'match' cell is larger 
than the 'in' cell - Every", async ({
+      bee,
+      jsonModel,
+      stories,
+    }) => {
+      test.info().annotations.push({
+        type: TestAnnotations.REGRESSION,
+        description: 
"https://github.com/apache/incubator-kie-issues/issues/1147";,
+      });
+      const filterExpression = bee.expression.asFilter();
+      await filterExpression.match.selectExpressionMenu.selectEvery();
+      // We're hovering the 'in' to make the width difference to the 'match' 
more clear
+      await filterExpression.in.hover();
+      await 
expect(bee.getContainer()).toHaveScreenshot("boxed-filter-aligned-match-every.png");
+    });
+
+    test("should correctly fill the 'in' cell when the 'match' cell is larger 
than the 'in' cell - Some", async ({
+      bee,
+      jsonModel,
+      stories,
+    }) => {
+      test.info().annotations.push({
+        type: TestAnnotations.REGRESSION,
+        description: 
"https://github.com/apache/incubator-kie-issues/issues/1147";,
+      });
+      const filterExpression = bee.expression.asFilter();
+      await filterExpression.match.selectExpressionMenu.selectSome();
+      // We're hovering the 'in' to make the width difference to the 'match' 
more clear
+      await filterExpression.in.hover();
+      await 
expect(bee.getContainer()).toHaveScreenshot("boxed-filter-aligned-match-some.png");
+    });
+
+    test("should correctly fill the 'in' cell when the 'match' cell is larger 
than the 'in' cell - Filter", async ({
+      bee,
+      jsonModel,
+      stories,
+    }) => {
+      test.info().annotations.push({
+        type: TestAnnotations.REGRESSION,
+        description: 
"https://github.com/apache/incubator-kie-issues/issues/1147";,
+      });
+      const filterExpression = bee.expression.asFilter();
+      await filterExpression.match.selectExpressionMenu.selectFilter();
+      // We're hovering the 'in' to make the width difference to the 'match' 
more clear
+      await filterExpression.in.hover();
+      await 
expect(bee.getContainer()).toHaveScreenshot("boxed-filter-aligned-match-filter.png");
+    });
+  });
 });
diff --git 
a/packages/boxed-expression-component/tests-e2e/features/resizing/resizing.spec.ts
 
b/packages/boxed-expression-component/tests-e2e/features/resizing/resizing.spec.ts
index 78fa3a32f94..9e72f472613 100644
--- 
a/packages/boxed-expression-component/tests-e2e/features/resizing/resizing.spec.ts
+++ 
b/packages/boxed-expression-component/tests-e2e/features/resizing/resizing.spec.ts
@@ -17,7 +17,7 @@
  * under the License.
  */
 
-import { test, expect } from "../../__fixtures__/base";
+import { expect, test } from "../../__fixtures__/base";
 import { TestAnnotations } from "@kie-tools/playwright-base/annotations";
 import { WidthConstants } from "../../__fixtures__/jsonModel";
 
@@ -1008,6 +1008,244 @@ test.describe("Resizing", () => {
 
       await 
expect(bee.getContainer()).toHaveScreenshot("boxed-filter-nested-resized-using-match.png");
     });
+
+    test("should correct resize the 'in' cell when the 'match' is resized - 
Context", async ({
+      bee,
+      monaco,
+      page,
+      resizing,
+      stories,
+    }) => {
+      test.info().annotations.push({
+        type: TestAnnotations.REGRESSION,
+        description: 
"https://github.com/apache/incubator-kie-issues/issues/1147";,
+      });
+      await stories.openBoxedFilter();
+      const filterExpression = bee.expression.asFilter();
+      await filterExpression.match.selectExpressionMenu.selectContext();
+      await 
filterExpression.match.expression.asContext().entry(0).selectExpressionMenu.selectLiteral();
+      await resizing.resizeCell(
+        filterExpression.match.expression.asContext().entry(0).elementCell,
+        { x: 0, y: 0 },
+        { x: 150, y: 0 }
+      );
+
+      // We're hovering the 'in' to make the width difference to the 'match' 
more clear
+      await filterExpression.in.hover();
+      await 
expect(bee.getContainer()).toHaveScreenshot("boxed-filter-resized-match-context.png");
+    });
+
+    test("should correct resize the 'in' cell when the 'match' is resized - 
Decision Table", async ({
+      bee,
+      monaco,
+      page,
+      resizing,
+      stories,
+    }) => {
+      await stories.openBoxedFilter();
+      const filterExpression = bee.expression.asFilter();
+      await filterExpression.match.selectExpressionMenu.selectDecisionTable();
+
+      await resizing.resizeCell(
+        filterExpression.match.expression.asDecisionTable().cellAt({ row: 1, 
column: 1 }).content,
+        { x: 0, y: 0 },
+        { x: 150, y: 0 }
+      );
+
+      // We're hovering the 'in' to make the width difference to the 'match' 
more clear
+      await filterExpression.in.hover();
+      await 
expect(bee.getContainer()).toHaveScreenshot("boxed-filter-resized-match-decision-table.png");
+    });
+
+    test("should correct resize the 'in' cell when the 'match' is resized - 
List", async ({
+      bee,
+      monaco,
+      page,
+      resizing,
+      stories,
+    }) => {
+      await stories.openBoxedFilter();
+      const filterExpression = bee.expression.asFilter();
+      await filterExpression.match.selectExpressionMenu.selectList();
+      await 
filterExpression.match.expression.asList().row(0).selectExpressionMenu.selectLiteral();
+      await resizing.resizeCell(
+        filterExpression.match.expression.asList().row(0).elementCell,
+        { x: 0, y: 0 },
+        { x: 150, y: 0 }
+      );
+
+      // We're hovering the 'in' to make the width difference to the 'match' 
more clear
+      await filterExpression.in.hover();
+      await 
expect(bee.getContainer()).toHaveScreenshot("boxed-filter-resized-match-list.png");
+    });
+
+    test("should correct resize the 'in' cell when the 'match' is resized - 
Invocation", async ({
+      bee,
+      monaco,
+      page,
+      resizing,
+      stories,
+    }) => {
+      await stories.openBoxedFilter();
+      const filterExpression = bee.expression.asFilter();
+      await filterExpression.match.selectExpressionMenu.selectInvocation();
+
+      await 
filterExpression.match.expression.asInvocation().parameter(0).selectExpressionMenu.selectLiteral();
+
+      await resizing.resizeCell(
+        
filterExpression.match.expression.asInvocation().parameter(0).elementCell,
+        { x: 0, y: 0 },
+        { x: 150, y: 0 }
+      );
+
+      // We're hovering the 'in' to make the width difference to the 'match' 
more clear
+      await filterExpression.in.hover();
+      await 
expect(bee.getContainer()).toHaveScreenshot("boxed-filter-resized-match-invocation.png");
+    });
+
+    test("should correct resize the 'in' cell when the 'match' is resized - 
Function", async ({
+      bee,
+      monaco,
+      page,
+      resizing,
+      stories,
+    }) => {
+      await stories.openBoxedFilter();
+      const filterExpression = bee.expression.asFilter();
+      await filterExpression.match.selectExpressionMenu.selectFunction();
+
+      await 
filterExpression.match.expression.asFunction().entry(0).selectExpressionMenu.selectLiteral();
+
+      await resizing.resizeCell(
+        filterExpression.match.expression.asFunction().entry(0).elementCell,
+        { x: 0, y: 0 },
+        { x: 150, y: 0 }
+      );
+
+      // We're hovering the 'in' to make the width difference to the 'match' 
more clear
+      await filterExpression.in.hover();
+      await 
expect(bee.getContainer()).toHaveScreenshot("boxed-filter-resized-match-function.png");
+    });
+
+    test("should correct resize the 'in' cell when the 'match' is resized - 
For", async ({
+      bee,
+      monaco,
+      page,
+      resizing,
+      stories,
+    }) => {
+      await stories.openBoxedFilter();
+      const filterExpression = bee.expression.asFilter();
+      await filterExpression.match.selectExpressionMenu.selectFor();
+
+      await 
filterExpression.match.expression.asFor().in.selectExpressionMenu.selectLiteral();
+
+      await resizing.resizeCell(
+        filterExpression.match.expression.asFor().in.elementCell,
+        { x: 0, y: 0 },
+        { x: 150, y: 0 }
+      );
+
+      // We're hovering the 'in' to make the width difference to the 'match' 
more clear
+      await filterExpression.in.hover();
+      await 
expect(bee.getContainer()).toHaveScreenshot("boxed-filter-resized-match-for.png");
+    });
+
+    test("should correct resize the 'in' cell when the 'match' is resized - 
Conditional", async ({
+      bee,
+      monaco,
+      page,
+      resizing,
+      stories,
+    }) => {
+      await stories.openBoxedFilter();
+      const filterExpression = bee.expression.asFilter();
+      await filterExpression.match.selectExpressionMenu.selectConditional();
+
+      await 
filterExpression.match.expression.asConditional().if.selectExpressionMenu.selectLiteral();
+
+      await resizing.resizeCell(
+        filterExpression.match.expression.asConditional().if.elementCell,
+        { x: 0, y: 0 },
+        { x: 150, y: 0 }
+      );
+
+      // We're hovering the 'in' to make the width difference to the 'match' 
more clear
+      await filterExpression.in.hover();
+      await 
expect(bee.getContainer()).toHaveScreenshot("boxed-filter-resized-match-conditional.png");
+    });
+
+    test("should correct resize the 'in' cell when the 'match' is resized - 
Every", async ({
+      bee,
+      monaco,
+      page,
+      resizing,
+      stories,
+    }) => {
+      await stories.openBoxedFilter();
+      const filterExpression = bee.expression.asFilter();
+      await filterExpression.match.selectExpressionMenu.selectEvery();
+
+      await 
filterExpression.match.expression.asEvery().in.selectExpressionMenu.selectLiteral();
+
+      await resizing.resizeCell(
+        filterExpression.match.expression.asEvery().in.elementCell,
+        { x: 0, y: 0 },
+        { x: 150, y: 0 }
+      );
+
+      // We're hovering the 'in' to make the width difference to the 'match' 
more clear
+      await filterExpression.in.hover();
+      await 
expect(bee.getContainer()).toHaveScreenshot("boxed-filter-resized-match-every.png");
+    });
+
+    test("should correct resize the 'in' cell when the 'match' is resized - 
Some", async ({
+      bee,
+      monaco,
+      page,
+      resizing,
+      stories,
+    }) => {
+      await stories.openBoxedFilter();
+      const filterExpression = bee.expression.asFilter();
+      await filterExpression.match.selectExpressionMenu.selectSome();
+
+      await 
filterExpression.match.expression.asSome().in.selectExpressionMenu.selectLiteral();
+
+      await resizing.resizeCell(
+        filterExpression.match.expression.asSome().in.elementCell,
+        { x: 0, y: 0 },
+        { x: 150, y: 0 }
+      );
+
+      // We're hovering the 'in' to make the width difference to the 'match' 
more clear
+      await filterExpression.in.hover();
+      await 
expect(bee.getContainer()).toHaveScreenshot("boxed-filter-resized-match-some.png");
+    });
+
+    test("should correct resize the 'in' cell when the 'match' is resized - 
Filter", async ({
+      bee,
+      monaco,
+      page,
+      resizing,
+      stories,
+    }) => {
+      await stories.openBoxedFilter();
+      const filterExpression = bee.expression.asFilter();
+      await filterExpression.match.selectExpressionMenu.selectFilter();
+
+      await 
filterExpression.match.expression.asFilter().match.selectExpressionMenu.selectLiteral();
+
+      await resizing.resizeCell(
+        filterExpression.match.expression.asFilter().match.elementCell,
+        { x: 0, y: 0 },
+        { x: 150, y: 0 }
+      );
+
+      // We're hovering the 'in' to make the width difference to the 'match' 
more clear
+      await filterExpression.in.hover();
+      await 
expect(bee.getContainer()).toHaveScreenshot("boxed-filter-resized-match-filter.png");
+    });
   });
 
   test.describe("Conditional expression", async () => {


---------------------------------------------------------------------
To unsubscribe, e-mail: [email protected]
For additional commands, e-mail: [email protected]

Reply via email to