The Interactive Diagram is giving me different problems on my iPad and my Android tablet. On the iPad, I'm getting unwanted blocks of white space where elements of the diagram are hidden. This happens in Safari, Edge, Chrome, and Firefox. I believe all iOS browsers are forced to use webkit, which may be at the root of this problem. I don't get this problem on my Android tablet. While it doesn't have Safari, I tried Dolphin, which is supposed to use webkit, but it still displayed without the unwanted white space. On my iPad browsers, this is happening even when grid is not being employed to rearrange things in two columns, and it is even happening on pages without the grid code, such as Frog Chess with Manticore and Falcon, which I have not touched yet. Where everything appears as one column, I can see that the white space is only between message0 and the board. But it is not happening with Chess, which uses betza.js instead of betzaNew.js. Looking at the generated code with Firefox's Web Developer Tools on my Windows PC, I have not been able to detect what the difference might be.
The problem on the Android tablet is that I cannot drag pieces to the board. When I longpress on a piece, I get a pop-up menu. Although an image of the piece will follow my finger when I move it to the board, it does not deposit the piece there or decrement the count in the table.
@HGMuller
The Interactive Diagram is giving me different problems on my iPad and my Android tablet. On the iPad, I'm getting unwanted blocks of white space where elements of the diagram are hidden. This happens in Safari, Edge, Chrome, and Firefox. I believe all iOS browsers are forced to use webkit, which may be at the root of this problem. I don't get this problem on my Android tablet. While it doesn't have Safari, I tried Dolphin, which is supposed to use webkit, but it still displayed without the unwanted white space. On my iPad browsers, this is happening even when grid is not being employed to rearrange things in two columns, and it is even happening on pages without the grid code, such as Frog Chess with Manticore and Falcon, which I have not touched yet. Where everything appears as one column, I can see that the white space is only between message0 and the board. But it is not happening with Chess, which uses betza.js instead of betzaNew.js. Looking at the generated code with Firefox's Web Developer Tools on my Windows PC, I have not been able to detect what the difference might be.
The problem on the Android tablet is that I cannot drag pieces to the board. When I longpress on a piece, I get a pop-up menu. Although an image of the piece will follow my finger when I move it to the board, it does not deposit the piece there or decrement the count in the table.