don’t work click in javascript extension in iframev

if the variable matches the element is in the visible part, the code works fine, a click occurs. if the variable matches the element that is not in the visible part, the code works fine until the click, the click does not occur with 20 attempts. How to make it so that after scrolling to the desired element a click occurs

function click(cleanTableId) {
  console.log("✅ start click");

  const allElements = document.querySelectorAll("div[data-observer-id]");
  const allMatches = [];

  allElements.forEach((container) => {
    const observerId = container.getAttribute("data-observer-id");
    const baseId = observerId.replace(/-P.*/, "");

all elements in the iframe are collected into a variable and it starts comparing with cleanTableId

if (baseId === cleanTableId) {
  console.log(`✅ Match found: ${observerId} → Scrolling into view`);
  allMatches.push(observerId);

  const img = container.querySelector("img");
  const target = img || container;

the “img” element is added to the appropriate element and the scroll method is applied and make click on element

  container.scrollIntoView({ behavior: "smooth", block: "center" });
  target.click();
  
  const isVisible = target.offsetParent !== null && !target.disabled;

a condition is created to define an element in the visual part and a click occurs using setInterval

      if (isVisible) {
        console.log("✅ Element is visible, attempting click...");

        setTimeout(() => {
          let attempts = 0;
          const maxAttempts = 20;

          const tryClick = setInterval(() => {
            container.scrollIntoView({ behavior: "smooth", block: "center" });
            target.click();
            attempts++;
            console.log("✅ click", attempts);
            if (attempts >= maxAttempts) {
              console.warn("❌ Click attempts timed out after 20 tries");
              clearInterval(tryClick);
            }
          }, 100);
        }, 700);
      }
    }
  });
  console.log("✅ Clicked elements matching:", allMatches);
}

this is the console when the element is not in the visual part

✅ start click
iframe-script.js:36 ✅ Match found: 412-P0-38 → Scrolling into view
iframe-script.js:48 ✅ Element is visible, attempting click...
iframe-script.js:68 ✅ Clicked elements matching: ['412-P0-38']
iframe-script.js:58 ✅ click 1
iframe-script.js:58 ✅ click 2
iframe-script.js:58 ✅ click 3
iframe-script.js:58 ✅ click 4
iframe-script.js:58 ✅ click 5
iframe-script.js:58 ✅ click 6
iframe-script.js:58 ✅ click 7
iframe-script.js:58 ✅ click 8
iframe-script.js:58 ✅ click 9
iframe-script.js:58 ✅ click 10
iframe-script.js:58 ✅ click 11
iframe-script.js:58 ✅ click 12
iframe-script.js:58 ✅ click 13
iframe-script.js:58 ✅ click 14
iframe-script.js:58 ✅ click 15
iframe-script.js:58 ✅ click 16
iframe-script.js:58 ✅ click 17
iframe-script.js:58 ✅ click 18
iframe-script.js:58 ✅ click 19
iframe-script.js:58 ✅ click 20
iframe-script.js:60 ❌ Click attempts timed out after 20 tries

this is a console when the element is in the visual part

✅ start click
iframe-script.js:36 ✅ Match found: 412-P0-38 → Scrolling into view
iframe-script.js:48 ✅ Element is visible, attempting click...
iframe-script.js:68 ✅ Clicked elements matching: ['412-P0-38']