Atlaskit/popup wrong position

Atlassian Ecosystem Design
1

I try replace InlineDialog to popup, and after updating got a problem with the popup position. It is rendered on top of the window but not in a trigger place. Any props did not help to fix it.
2025-01-14_15h05_02

2

Ok, I have an answer, a problem with triggerProps - Incorrect method of passing to the button - costume button component not push it to @atlaskit/button

3

Hey @ValeriiPushkar1 ,

We experience the same problem, can you explain how you fix it, I don’t get the problem with triggerProps.

Can you show an example ?

4

@FlixAndre It works for me:

const TriggerButton = ({ isOpen, setIsOpen, triggerProps }: TriggerButtonProps)      => (
  <IconButton
    icon={(iconProps) => <ErrorIcon {...iconProps} label="" primaryColor="red" />}
    onClick={() => setIsOpen(!isOpen)}
    label=""
    {...triggerProps}
  />
);

<Popup
   key={entryId}
   isOpen={isOpen}
   onClose={() => setIsOpen(false)}
   placement="bottom-start"
   shouldUseCaptureOnOutsideClick
   shouldRenderToParent
   content={() => popupContent}
   shouldReturnFocus
   trigger={(triggerProps) => (
      <TriggerButton isOpen={isOpen} setIsOpen={setIsOpen} triggerProps={triggerProps} />
          )}
      />
5

Hi @ValeriiPushkar1

Thanks for your answer !

I realized I got this bug when I’m on forge tunnel, the popup open at tag but not with forge deploy