Chrome rendering issues

[lucklyt]

[stefan-gorules]

Hi, would you be able to provide details on what version you use and which URL you're previewing here? Is it from storybook? https://gorules.github.io/jdm-editor/?path=/story/decision-graph--controlled

You might be missing import for styles (styles.css) in case you are embedding.

[lucklyt]

Hi, would you be able to provide details on what version you use and which URL you're previewing here? Is it from storybook? https://gorules.github.io/jdm-editor/?path=/story/decision-graph--controlled

You might be missing import for styles (styles.css) in case you are embedding.

import * as React from 'react';
import {useState, useEffect} from 'react';
import {DecisionGraph, JdmConfigProvider, createJdmNode} from '@gorules/jdm-editor';
import {MdOutlineLightMode, MdOutlineDarkMode} from 'react-icons/md';
import {FaCopy, FaPaste} from "react-icons/fa";
import {BulbOutlined, ExceptionOutlined, ArrowRightOutlined} from '@ant-design/icons';
import '@gorules/jdm-editor/dist/style.css';
import {ToastContainer, toast} from 'react-toastify';
import 'react-toastify/dist/ReactToastify.css';
import 'react-tooltip/dist/react-tooltip.css'
import {Tooltip as ReactTooltip} from 'react-tooltip';
import {useLocation} from 'react-router-dom';


function ZenPage() {
    return (<div style={{height: '90vh'}}>

        <JdmConfigProvider theme={{mode: theme}}>
            <DecisionGraph
                value={content}
                onChange={setContent}
                customNodes={customNodes}
                disabled={isDisabled}
            />
        </JdmConfigProvider>
    </div>);
}

export default ZenPage;