SethTrowbridge/eno
1
0
Fork 0
Code Issues 1 Pull Requests Packages Projects 1 Releases 2 Wiki Activity

clear width/hieght on done

Browse Source
This commit is contained in:
Seth Trowbridge 2023-05-20 08:15:09 -04:00
parent 52c731c794
commit de6115248a
1 changed files with 3 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
example/tree-menu.tsx
View File

@ -17,7 +17,7 @@ export const Menu =(props:{children:React.JSX.Element|React.JSX.Element[]})=>
const [stateGet, stateSet] = React.useContext(CTX); const [stateGet, stateSet] = React.useContext(CTX);
const refElement:React.MutableRefObject<HTMLElement|null> = React.useRef( null ); const refElement:React.MutableRefObject<HTMLElement|null> = React.useRef( null );
const refControl:React.MutableRefObject<CollapseControls|null> = React.useRef( null ); const refControl:React.MutableRefObject<CollapseControls|null> = React.useRef( null );
const classDefault = "relative transition-all duration-700 border"; const classDefault = "relative transition-all duration-700 border";
const classOpen = "h-auto w-auto top-10 px-4 "; const classOpen = "h-auto w-auto top-10 px-4 ";
const classShut = "h-0 w-[300px] top-0 px-0"; const classShut = "h-0 w-[300px] top-0 px-0";
@ -57,7 +57,8 @@ export function Collapser(inElement:HTMLElement, initialState = false)
inEvent.stopPropagation(); inEvent.stopPropagation();
if (userMode) if (userMode)
{ {
inElement.style.height = "auto"; inElement.style.height = "";
inElement.style.width = "";
inElement.style.overflow = "visible"; inElement.style.overflow = "visible";
} }
userDone(userMode); userDone(userMode);