Two applications with the same xClass are not positioned deterministic on i3

[havardh]

How to reproduce

Add a split with two instances of the same application.

import React from 'react';
import render, { Workspace, requireComponent } from 'workflow-react';

const { SplitH } = requireComponent('workflow-layout-tiled');
const { Terminal } = requireComponent('workflow-apps-defaults');

export default render(
  <Workspace name={'term:split'}>
    <SplitH>
      <Terminal cwd={"/path/to/foo"} percent={0.5} />
      <Terminal cwd={"/path/to"bar"} percent={0.5} />
    </SplitH>
  </Workspace>
);

Expected

The terminal with the /path/to/foo should always be opened on the left.

Actual

The ordering of the applications are determined by which application is opened first.

Details

The configuration file passed to append_layout in i3 matches only on WM_CLASS. This means that i3 does not know which application to place where.