Was working on my Compass app and noticed that the Modal is no longer shown as documented here
Instead is forces a fullscreen view like this:
This is the UI code:
<ModalTransition>
{isOpen && (
<Modal onClose={closeModal}>
<ModalHeader>
<ModalTitle>Link a Jenkins job</ModalTitle>
</ModalHeader>
<ModalBody>
<Box xcss={{marginBottom: "space.075"}}>
<Label labelFor="search">Search</Label>
<Select
id="jobId"
options={options}
isLoading={isLoading}
isSearchable={true}
onInputChange={onSearch}
onChange={(e) => {
setJob(e.job);
}}
placeholder="Choose a job."
/>
{typeof message && message.length > 0 && (
<SectionMessage appearance="error">{message}</SectionMessage>
)}
</Box>
</ModalBody>
<ModalFooter>
<LoadingButton isLoading={isAdding} appearance="primary" onClick={addJob}>Add Job</LoadingButton>
<Button appearance="subtle" onClick={closeModal}>Close</Button>
</ModalFooter>
</Modal>
)}
</ModalTransition>
Setting the width, or height properties of the Modal element have no impact on how the modal is shown.
I also tried updating teh @forge/react dependency but with the same full screen effect.
My Confluence and Jira don’t seem effected.
Where there any Force UI changes I missed for Compass??
Seems like they messed up something. I’m in the process of creating a support ticket.