Horizontal scrolling and mobile devices

I’ve got problem with horizontal scrolling with mobile devices. Currently I am using this kind approach.
But if I try it eg Ipad horizontal scrolling does not work. Is there any easy way to enable horizontal scrolling?

public void init() {
		Window mainWindow = new Window("Playground Application");
		this.setMainWindow(mainWindow);
		final Panel panel = new Panel();
		panel.addStyleName("panelexample");
		mainWindow.setContent(panel);
		panel.setSizeFull();
		panel.setScrollable(true);
		
		HorizontalLayout hlo = new HorizontalLayout();
		hlo.setSizeUndefined();
		hlo.setMargin(true);

		// Add some components
		for(int i=0;i < 100;i++ ){
			hlo.addComponent(new TextField("Name"+i));
			hlo.addComponent(new TextField("Email"+i));
		}
		// Set the layout as the root layout of the panel
		panel.setContent(hlo);

	}