fix(lit-components): fix rendering and interaction issues in force-graph, html-table, and draggable-dom
Build and Deploy / build-and-deploy (push) Has been cancelled
Build and Deploy / build-and-deploy (push) Has been cancelled
- lit-force-graph: Refactored for instance reuse, better lifecycle management, and added dynamic imports for AR/VR modes. - lit-html-table: Improved visual design, readability of headers, and fixed reactivity in editable mode. - lit-draggable-dom: Fixed clipping issues by switching to relative/absolute positioning and resolved a panning speed bug caused by CSS variable inheritance.
This commit is contained in:
@@ -0,0 +1,20 @@
|
||||
import ForceGraph from "3d-force-graph-vr";
|
||||
import { RenderContext } from "../classes/context.js";
|
||||
|
||||
export function render(context: RenderContext) {
|
||||
const graph = context.instance || ForceGraph();
|
||||
const style = getComputedStyle(context.element);
|
||||
|
||||
if (!context.instance) {
|
||||
graph(context.element);
|
||||
}
|
||||
|
||||
graph
|
||||
.graphData(context.data)
|
||||
.width(Number(style.width.slice(0, -2)) || window.innerWidth)
|
||||
.height(Number(style.height.slice(0, -2)) || window.innerHeight)
|
||||
.showNavInfo(false)
|
||||
.cooldownTicks(100);
|
||||
|
||||
return graph;
|
||||
}
|
||||
Reference in New Issue
Block a user