diff --git a/CHANGELOG.md b/CHANGELOG.md index 46e3b86a7..1b04782af 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -6,6 +6,18 @@ The format is based on [Keep a Changelog](http://keepachangelog.com/) and this p ## [Unreleased] +### Fixed + +- React flow v12: + - add missing styles from react flow library to ensure proper functionality of new connection lines + +## [24.3.1] - 2025-08-21 + +### Fixed + +- React flow v12: + - add missing styles from react flow library to ensure proper functionality of new connection lines + ## [24.4.0] - 2025-08-07 ### Added 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; }