"margin: auto" does not work in widget

Bug Reports
1

Describe the bug:

How do you cause this bug?

  • use ‘margin: auto’ in widget
  • expect margins to adjust to place content in center

For example in widget we should see text in the middle of screen. In browsers it works.

<html>
	<head>
		<!-- Required includes -->
		<script type="text/javascript" src="coui://uiresources/js/crayta.js"></script>

		<style type="text/css">
			
			body {
				font-size: 2rem;
				color: white;
				background:black;
			}
			
			
			
			#inner {
			  display: table;
			  margin: 0 auto;
			  border: 1px solid black;
			}

			#outer {
			  border: 1px solid red;
			  width: 100%
			}
		</style>
	</head>

	<body>
		<div id="outer">
		  <div id="inner">Foo foo</div>
		</div>
	
	</body>
</html>

Which platform: PC / Stadia

Your Crayta username:
strowk

Game seen in (including “Editor for XYZ”):
Editor
How regularly do you see this? (E.g. 2/3 times - please try 3 times if possible):
always

Version number (found in Help tab in Settings):
0.7.409.102703

2

Hello str,

Thank you for reporting this situation to us.
I have submitted a ticket to our internal team for additional investigation.