Spinning Wheel app, Pop Up manualy activated by pressing the Tab

Ask the Community General Questions
1

Can I stop the spinning wheel from popping up immediately on page load. I want the user to have to press the floating spin the wheel button in order to access

3

Hey there, @Shaun_Robinson :wave:

Please let me discuss it with the devs. I’ll let you know if it’s feasible tomorrow :slightly_smiling_face:

4

Thank you for waiting!

We’ve added this code to the Custom JS field on the Settings tab of your widget’s settings, and now the widget should work as you requested:

const style = document.createElement('style');
style.innerHTML = `[class*="eapps-spinning-wheel"] [role="dialog"] {
  display: none !important;
}`;
document.body.append(style);

const waitForElem = (selector) =>
  new Promise((resolve) => {
    if (document.querySelector(selector)) {
      return resolve(document.querySelector(selector));
    }

    const observer = new MutationObserver(() => {
      if (document.querySelector(selector)) {
        observer.disconnect();
        resolve(document.querySelector(selector));
      }
    });

    observer.observe(document.body, {
      childList: true,
      subtree: true,
    });
  });

waitForElem(
  '[class*="eapps-spinning-wheel"] [class*="FloatingButtonContainer-sc"]'
).then((reopenBtn) => {
  reopenBtn.addEventListener('click', () => style.remove(), { once: true });
});

Please check it out and let me know if you like the result :slightly_smiling_face: