Removed all instances of .show() and .hide() when clicking the button in graphic deisign items to open details modals.
This was creating a conflict as show and hide were adding an HTML attribute onto the HTML rather than in CSS and the default was display:block. There was a conflict with this as the HTML element needed to be display:flex rather than display:block, the latter of which prevented scrolling in the modal container.
I had two options to resolve this:
I could modify the CSS directly with the script
I could add a class that gave the HTML element display:flex
I chose to go with number 2 in order to resolve this issue.
Removed all instances of .show() and .hide() when clicking the button in graphic deisign items to open details modals. This was creating a conflict as show and hide were adding an HTML attribute onto the HTML rather than in CSS and the default was display:block. There was a conflict with this as the HTML element needed to be display:flex rather than display:block, the latter of which prevented scrolling in the modal container. I had two options to resolve this:
I chose to go with number 2 in order to resolve this issue.