Including Board breaks other components on iPad + Safari and Android + Firefox

[OlliTietavainenVaadin]

Board Version: 1.1.0-beta1 with Vaadin Framework 8.6.1

Test UI:

public class MyUI extends UI {

	@Override
	protected void init(VaadinRequest vaadinRequest) {
		final VerticalLayout layoutwithBoard = new VerticalLayout();

		Board board = new Board();
		Row row = new Row();
		final CheckBox cbx = new CheckBox("Just Another Box");
		RadioButtonGroup<String> single = new RadioButtonGroup<>("Single Selection");
		single.setItems("Single", "Sola", "Yksi");
		board.addRow(row);
		layoutwithBoard.addComponents(cbx, single, board);
		setContent(layoutwithBoard);
	}

	@WebServlet(urlPatterns = "/*", name = "MyUIServlet", asyncSupported = true)
	@VaadinServletConfiguration(ui = MyUI.class, productionMode = false)
	public static class MyUIServlet extends VaadinServlet {
	}
}

Any components here are not reacting as expected when accessing the page on an iPad with Safari, as soon as a Board is added to the layout (even an empty one). Especially radio buttons and checkboxes are only randomly selectable with a value change not always arriving in the backend.

The issue is present on iOS with Safari (iOS 12.1), Firefox (14.0), Chrome (70.0.3538.75) as well as all others since iOS requires apps to solely use Apple's WebKit engine. On Android with Firefox (63.0.2) the issue is also present.