-
Issue description: the popup close button currently sits outside of the popup. I would like to move it inside so that it’s not floating out in space.
-
Link to the page with the widget in question: Careers | Join Our Educator Team Today — Swoon Learning - Online Tutoring, Activities, and Life Skills for Students and Student-Athletes, and Neurodivergent Learners with ADHD
2 Likes
Hi there, @Cory_Borman 
Your request is with our devs now. I’ll report back once I have any news 
1 Like
We’ve added this code to the Custom JS field on the Settings tab of your widget’s settings:
const WIDGET_ID = '3c159414-da25-4446-b8ca-58d10661f16a';
function moveCloseButton() {
const popupWrapper = document.body.querySelector(
`#__EAAPS_PORTAL[class*="eapps-job-board-${WIDGET_ID}"]`
);
if (!popupWrapper) {
requestAnimationFrame(moveCloseButton);
return;
}
const popupObserver = new MutationObserver(() => {
const closeButton = popupWrapper.querySelector(
'[class*="Popup__PopupCloseOutside-sc"]'
);
const popup = popupWrapper.querySelector(
'[class*="Popup__PopupContent-sc"]'
);
if (!popup || !closeButton) return;
popup.appendChild(closeButton);
});
popupObserver.observe(popupWrapper, {
childList: true,
});
}
moveCloseButton();
If you want to use this functionality in another Job Board widgets, just replace the Widget ID in the 1st line of the code with the ID of your widget:
Please check your website and let me know if you like the result
2 Likes
Hi Max,
This is perfect!
Thank you so much.
Cory
3 Likes
It’s my pleasure!
If anything else comes up, we’re always here to help 
1 Like