You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Here's a workaround I am using now in React to expand Modal's height:
import*asReactfrom'react';/** * Within <axa-modal> adjusts its height */exportconstModalHeight: React.FC<{height?: string}>=({ height ='90vh'})=>{constnodeRef=React.useRef<HTMLElement|null>(null);React.useEffect(()=>{constupdate=()=>{constmodalContent=nodeRef.current?.closest('axa-modal')?.shadowRoot?.querySelector('.o-modal__content');if(modalContent){(modalContentasHTMLElement).style.maxHeight=height;}};window.setTimeout(update,0);// defer to next tick to allow modal content creation},[],);return(<spanref={nodeRef}/>);};
The text was updated successfully, but these errors were encountered:
Hi! pls. allow the height of axa-modal content to be user-configurable.
(OR maybe better: expand the contents automatically to its full height)
Currently it is hardcoded to 70% which isn't enough sometimes:
https://github.com/axa-ch-webhub-cloud/pattern-library/blob/develop/src/components/30-organisms/modal/index.scss#L119
Thanks.
Here's a workaround I am using now in React to expand Modal's height:
The text was updated successfully, but these errors were encountered: