search

xyflow / xyflow

React Flow | Svelte Flow - Powerful open source libraries for building node-based UIs with React (https://reactflow.dev) or Svelte (https://svelteflow.dev). Ready out-of-the-box and infinitely customizable.
https://xyflow.com
MIT License
21.54k stars 1.43k forks source link

`MiniMap`'s mask doesn't cover the entire area #4178

Closed mavdryk closed 1 week ago

mavdryk commented 1 month ago

Describe the Bug

There is a line at the bottom of the MiniMap that isn't covered by the svg mask

Your Example Website or App

https://vnphv5.csb.app/

Steps to Reproduce the Bug or Issue

Go to the provided link Check the bottom line of the MiniMap It has the white line instead of the grey color of the mask

Expected behavior

MiniMap shouldn't have the line at the bottom

Screenshots or Videos

image

Platform

Additional context

No response

moklick commented 4 weeks ago

Will be fixed with the next release. As a workaround you can do:

.react-flow__minimap svg {
  display: block;
}

(It's already fixed in React Flow 12)

moklick commented 1 week ago

fixed in 11.11.3