LiveCode Forums.

Code: Select all

(function() {
  var observer = new MutationObserver(function(mutations) {
    for (var m of mutations) {
      for (var node of m.addedNodes) {
        if (node.nodeType !== 1) continue;
        var canvas = node.querySelector && node.querySelector('canvas[data-lc-window-id]');
        if (canvas) {
          var container = canvas.parentElement;
          // Remove container tabindex
          if (container.hasAttribute('tabindex')) {
            container.setAttribute('tabindex', '-1');
          }
          // Enable & focus hidden input
          var txt = container.querySelector('input[type="text"]');
          if (txt) {
            txt.removeAttribute('disabled');
            txt.setAttribute('tabindex', '0');
            txt.style.opacity = '0';
            txt.style.width = '1px';
            txt.style.height = '1px';
          }
          // Ensure canvas focusable
          if (!canvas.hasAttribute('tabindex')) {
            canvas.setAttribute('tabindex', '0');
          }
          // Redirect container focus
          container.addEventListener('focus', function() {
            if (txt) txt.focus();
            else canvas.focus();
          }, true);
          // Directly focus the target now
          if (txt) txt.focus();
          else canvas.focus();
          // Optionally disconnect if only needed once:
          observer.disconnect();
          return;
        }
      }
    }
  });
  observer.observe(document.body, { childList: true, subtree: true });
})();

Code: Select all

if the platform is "web" then do field "myJavaScriptField" as "JavaScript"
modal stack "myModalSubstack"

Code: Select all

(function(){
  // Only run this once per page load
  var observer = new MutationObserver(function(mutations, obs){
    for (var m of mutations) {
      for (var node of m.addedNodes) {
        if (node.nodeType !== 1) continue;
        // Look for LiveCode’s modal canvas
        var canvas = node.querySelector && node.querySelector('canvas[data-lc-window-id]');
        if (!canvas) continue;

        // Stop observing further mutations
        obs.disconnect();

        var container = canvas.parentElement;
        // 1) Remove the container from the Tab order
        if (container.hasAttribute('tabindex')) {
          container.setAttribute('tabindex', '-1');
        }

        // 2) Find and prep the hidden text input
        var txt = container.querySelector('input[type="text"]');
        if (txt) {
          txt.removeAttribute('disabled');
          // Visually hide it off-screen but keep it focusable
          txt.style.position = 'absolute';
          txt.style.left     = '-9999px';
          txt.style.top      = '-9999px';
          txt.style.width    = '1px';
          txt.style.height   = '1px';
          txt.style.overflow = 'hidden';
          txt.setAttribute('tabindex','0');
        }

        // 3) In Chrome, focus the hidden input asynchronously
        if (isChrome() && txt) {
          try {
            txt.focus();
            console.log('Chrome path: focused hidden input →', document.activeElement);
          } catch(e) {
            console.warn('Chrome input.focus() failed:', e);
          }
          return;
        }

        // 4) In Firefox/Safari, focusing an input works too
        if (txt) {
          txt.focus();
          console.log('FF/Safari path: focused hidden input →', document.activeElement);
        }
        return;
      }
    }
  });

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

  function isChrome(){
    return /Chrome/.test(navigator.userAgent) &&
           /Google Inc/.test(navigator.vendor);
  }
})();

Code: Select all

on openCard
   do "document.getElementById('canvas').focus();" as javascript
   focus on fld 1
end openCard