From 2e8ca4388f50d17d41e1465b613069fc1de2ff31 Mon Sep 17 00:00:00 2001 From: Mariia Kovsharova Date: Tue, 19 Aug 2025 12:21:35 +0200 Subject: [PATCH 1/8] Added missed styles from the original package --- src/extensions/react-flow/_react-flow_v12.scss | 9 ++++++++- 1 file changed, 8 insertions(+), 1 deletion(-) diff --git a/src/extensions/react-flow/_react-flow_v12.scss b/src/extensions/react-flow/_react-flow_v12.scss index 1100851b7..9f3dd31e0 100644 --- a/src/extensions/react-flow/_react-flow_v12.scss +++ b/src/extensions/react-flow/_react-flow_v12.scss @@ -1,5 +1,12 @@ -.react-flow .react-flow__edges svg { +// needed styles from "@xyflow/react/dist/style.css" to ensure proper functionality +svg.react-flow__connectionline { + position: absolute; + z-index: 1001; overflow: visible; +} + +.react-flow .react-flow__edges svg { position: absolute; + overflow: visible; pointer-events: none; } From 69904a28221868cb5f429e870f5fe555c32d40c5 Mon Sep 17 00:00:00 2001 From: Mariia Kovsharova Date: Tue, 19 Aug 2025 12:33:32 +0200 Subject: [PATCH 2/8] Added a changelog entry --- CHANGELOG.md | 2 ++ 1 file changed, 2 insertions(+) diff --git a/CHANGELOG.md b/CHANGELOG.md index 46e3b86a7..87e352f35 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -28,6 +28,8 @@ The format is based on [Keep a Changelog](http://keepachangelog.com/) and this p - `` - First auto-completion item not marked as active when drop down first shown. - Read-only mode does not work correctly. It is still possible to change the value via pressing Enter (in multiline mode) or clicking the clear button. +- React flow v12: + - added missed styles from the library to ensure proper functionality ### Changed From faf784073c62087bc5441f68ad41b39635a57feb Mon Sep 17 00:00:00 2001 From: haschek Date: Wed, 20 Aug 2025 11:55:02 +0000 Subject: [PATCH 3/8] Prepare release v24.3.1 --- package.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/package.json b/package.json index 1a73b18be..f574f40d9 100644 --- a/package.json +++ b/package.json @@ -1,7 +1,7 @@ { "name": "@eccenca/gui-elements", "description": "GUI elements based on other libraries, usable in React application, written in Typescript.", - "version": "24.3.0", + "version": "24.3.1", "license": "Apache-2.0", "homepage": "https://github.com/eccenca/gui-elements", "bugs": "https://github.com/eccenca/gui-elements/issues", From 7414441ac6d5376aa627671271d6ca6bbd509d2c Mon Sep 17 00:00:00 2001 From: Mariia Kovsharova Date: Tue, 19 Aug 2025 12:21:35 +0200 Subject: [PATCH 4/8] Added missed styles from the original package --- src/extensions/react-flow/_react-flow_v12.scss | 9 ++++++++- 1 file changed, 8 insertions(+), 1 deletion(-) diff --git a/src/extensions/react-flow/_react-flow_v12.scss b/src/extensions/react-flow/_react-flow_v12.scss index 1100851b7..9f3dd31e0 100644 --- a/src/extensions/react-flow/_react-flow_v12.scss +++ b/src/extensions/react-flow/_react-flow_v12.scss @@ -1,5 +1,12 @@ -.react-flow .react-flow__edges svg { +// needed styles from "@xyflow/react/dist/style.css" to ensure proper functionality +svg.react-flow__connectionline { + position: absolute; + z-index: 1001; overflow: visible; +} + +.react-flow .react-flow__edges svg { position: absolute; + overflow: visible; pointer-events: none; } From 2ffb3ccaab246147bf4598d66f68ff3f70d96b2a Mon Sep 17 00:00:00 2001 From: Mariia Kovsharova Date: Tue, 19 Aug 2025 12:33:32 +0200 Subject: [PATCH 5/8] Added a changelog entry --- CHANGELOG.md | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/CHANGELOG.md b/CHANGELOG.md index 4b54bebc4..ac6252d32 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -6,6 +6,11 @@ The format is based on [Keep a Changelog](http://keepachangelog.com/) and this p ## [Unreleased] +### Fixed + +- React flow v12: + - added missed styles from the library to ensure proper functionality + ## [24.3.0] - 2025-06-05 ### Added From d30f208720f4709732d634d9c1d5a88cc47623df Mon Sep 17 00:00:00 2001 From: Michael Haschke Date: Wed, 20 Aug 2025 14:57:44 +0200 Subject: [PATCH 6/8] update changelog --- CHANGELOG.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/CHANGELOG.md b/CHANGELOG.md index ac6252d32..eade62691 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -9,7 +9,7 @@ The format is based on [Keep a Changelog](http://keepachangelog.com/) and this p ### Fixed - React flow v12: - - added missed styles from the library to ensure proper functionality + - add missing styles from react flow library to ensure proper functionality of new connection lines ## [24.3.0] - 2025-06-05 From 7efc32912536c188c4070307e828ad7395005c50 Mon Sep 17 00:00:00 2001 From: haschek Date: Thu, 21 Aug 2025 11:43:31 +0000 Subject: [PATCH 7/8] Update changelog section to 24.3.1 --- CHANGELOG.md | 2 ++ 1 file changed, 2 insertions(+) diff --git a/CHANGELOG.md b/CHANGELOG.md index eade62691..aae461cde 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -6,6 +6,8 @@ The format is based on [Keep a Changelog](http://keepachangelog.com/) and this p ## [Unreleased] +## [24.3.1] - 2025-08-21 + ### Fixed - React flow v12: From 48f369a36fdd5acf3bf539d5dc800edeca4ae0e3 Mon Sep 17 00:00:00 2001 From: Michael Haschke Date: Thu, 21 Aug 2025 14:29:40 +0200 Subject: [PATCH 8/8] Update changelog, remove fix info from wrong section --- CHANGELOG.md | 2 -- 1 file changed, 2 deletions(-) diff --git a/CHANGELOG.md b/CHANGELOG.md index 2ed6b2df5..1b04782af 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -40,8 +40,6 @@ The format is based on [Keep a Changelog](http://keepachangelog.com/) and this p - `` - First auto-completion item not marked as active when drop down first shown. - Read-only mode does not work correctly. It is still possible to change the value via pressing Enter (in multiline mode) or clicking the clear button. -- React flow v12: - - added missed styles from the library to ensure proper functionality ### Changed