microsoft/arcade-machine

:video_game: Input abstraction layer for gamepads, keyboards, and UWP apps in Angular. For React, check out https://github.com/mixer/arcade-machine-react

arcade-machine's Issues

InputService Injection fails due to WinRT error on the constructor

This is the error we were getting:

• “ERROR WinRTError: The application called an interface that was marshalled for a different thread.”

This is the "TEMPORARY" fix we had to put in (assigning null):

/**

• InputService handles passing input from the external device (gamepad API
• or keyboard) to the arc internals.
  /
  var InputService = (function () {
  function InputService(focus) {
  this.focus = focus;
  /*
  * Inputpane and boolean to indicate whether it's visible
  */
  this.inputPane = null;// window.Windows ? Windows.UI.ViewManagement.InputPane.getForCurrentView() : null;

DOM Elements are selected when clicked

I believe this issue is multifaceted:

When clicking (via mouse) on items (DIV, UL, SPAN, etc.), these items can be selected (gets the 'arc--selected-direct' class). I would not expect this to even be possible due to the documentation:

You must define arc directive on element which you want to be focusable that are not otherwise focusable, or when you want to define custom logic. That is, anything except the following tags:

To prevent this, I have attempted:

• no 'arc' class added
• added tabIndex="-1"
  - [arc-exclude-this]="true", [arc-exclude]="true" - These two options cause the Angular compile to fail with the following error:
  • "Can't bind to 'arc-exclude-this' since it isn't a known property of 'ul'." (I have the fill trace I can provide).

Just getting comfortable with how this system works and how to properly setup the DOM.