Comments (1)
peterkogo
commented on June 2, 2024
This is something we actually cannot provide with our current philosophy. Svelte Flows ergonomics arise mostly from the fact that you can style any node with css and have variable content dimensions, which we measure and apply to our internal calculations. There is no way of setting the width and height on library side without interfering with this principle.
You have 2 options:
- You can reason about the dimensions of your content and set clamped width & height values
- You create child div that overflows from the parent div, keep track of its size through a resizeObserver and resize the parent container with clamped with & height values
from xyflow.
Related Issues (20)
- Edge marker is not dynamically updated HOT 9
- accept array of classes in noPanClassName HOT 5
- snap guidelines HOT 2
- Extra Objects needed HOT 2
- Node position not matching the nodes list and rendered node HOT 5
- defining a fixed markerEnd (or Start) in custom Edge doesn't work? HOT 2
- I face a bug to align center expand and collapse flow HOT 1
- Export type definitions for individual methods and variables of `useSvelteFlow` functionality HOT 3
- add edge mouseenter event HOT 1
- dynamic handle HOT 6
- lavaProps useControl HOT 2
- There is an error in client site
- Removing extent attribute onNodeDragStart doesn't allows for free roam until after onNodeDragStop HOT 7
- Multiple dragging doesn't trigger onNodeDragStop event. HOT 2
- Class for connecting from node HOT 1
- How automatically enabled the lock viewport of controls in ReactFlow HOT 1
- SvelteFlow: Copy/Paste (If not supported out-of-the-box, the easiest way to achieve it) HOT 1
- Source and Target handle getting null HOT 1
- Working Reactflow, when i add a Panel it errors HOT 1
- Drag problem after changing parentNode HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from xyflow.