Famous UIEvents bug https://github.com/Famous/engine/issues/213

famous-uievents-bug.js

import FamousEngine from 'famous/core/FamousEngine';
import DOMElement from 'famous/dom-renderables/DOMElement';

function createScene1() {
  let scene = FamousEngine.createScene('body > .container');

  let node = scene.addChild()
    .setSizeMode(1, 1)
    .setAbsoluteSize(200, 100);

  new DOMElement(node, {
    content: 'Scene 1',
    properties: {
      backgroundColor: 'rgba(255, 0, 0, 0.2)'
    }
  });

  node.addComponent({
    onReceive(type, ev) {
      console.log(type, ev);
    },
  });
  node.addUIEvent('mouseover');
}

function createScene2() {
  let scene = FamousEngine.createScene('body > .container > .famous-dom-renderer > .famous-dom-element');

  let node = scene.addChild()
    .setPosition(100, 50)
    .setSizeMode(1, 1)
    .setAbsoluteSize(200, 100);

  new DOMElement(node, {
    content: 'Scene 2',
    properties: {
      backgroundColor: 'rgba(0, 255, 0, 0.2)'
    }
  });
}

createScene1();
FamousEngine.getClock().setTimeout(() => {
  createScene2();
}, 1000);
FamousEngine.init();