Left panel in edit mode - tables positioning

Hi,

I have a problem with the thing what you see is what you get.
At the moment having 2 tables below each other in the view mode they are indeed properly positioned:

but in the edit mode they jump and are side to side.

Could this be fixed in the editor code?
The other option is to display both panels in the edit mode, the left and the right one. Then the positioning would be correct.

Any help would be appreciated.

I might be able to investigate the problem if you give me the wiki syntax behind that page. This seems to be either a CSS issue or an issue with the HTML validity. Would be good to know also what version of XWiki you’re using.

Hi.
I could include it in the request for help. Sorry for that.
My system details are as follow:
XWiki for Debian 12.2.1.
openjdk version “11.0.7” 2020-04-14
Server version: Apache Tomcat/9.0.31 (Debian)
Server built: Apr 25 2020 12:24:56 UTC
Server number: 9.0.31.0
OS Name: Linux
OS Version: 4.19.0-9-amd64
Architecture: amd64
JVM Version: 11.0.7+10-post-Debian-3deb10u1
JVM Vendor: Debian

Theme: Flamingo Themes, Ideberg
Font: Awesome

The code behind that page is:

== Contact ==


(% class=“table-condensed” dir=“ltr” style=“margin-right:auto; width:432px” %)
|(% style=“width:196px” %) |(% style=“width:233px” %)
|(% style=“width:196px” %) |(% style=“width:233px” %)
|(% style=“width:196px” %) |(% style=“width:233px” %)
|(% style=“width:196px” %) |(% style=“width:233px” %)
|(% style=“width:196px” %) |(% style=“width:233px” %)
|(% style=“width:196px” %) |(% style=“width:233px” %)
|(% style=“width:196px” %) |(% style=“width:233px” %)
|(% style=“width:196px” %) |(% style=“width:233px” %)
|(% style=“width:196px” %) |(% style=“width:233px” %)
|(% style=“width:196px” %) |(% style=“width:233px” %)


(% class=“table-bordered” style=“margin-right:auto; width:800px” %)
|(% style=“width:257px” %) |(% style=“width:312px” %) |(% style=“width:328px” %) |(% style=“width:315px” %)
|(% style=“width:257px” %) |(% style=“width:312px” %) |(% style=“width:328px” %) |(% style=“width:315px” %)

I was able to find a work around for this issue, putting both tables inside:

(% class=“row” %)
(((
(% class=“col-xs-12 col-sm-6” %)
(((

My table definition

)))
)))

So for a creation of a template this would suffice, nevertheless it should not be needed.

Thank for help.