Text alignemet doesn't show properly between firefox and safari

Bugs
1

Hi,

I tried to use gui but i don’t understand why my text does not appear correctly on firefox.
If you could help thank you very much !

PS: I can only put one picture so i can’t show you that appears well on safari.

15
Capture d’écran 2019-07-11 à 11.16.15.png2486×1182 172 KB

2

Hi @Hazard4U and welcome to the forum. Would you produce a version of your GUI in a playground, it would make it easier to spot any issues. It does not have to be the full project just the GUI producing the problems.

3

This is how it appears on safari.

36
Capture d’écran 2019-07-11 à 11.15.36.jpg2486×1258 154 KB

4

Here is some documentation about the playground: Introduction to the Playground - Babylon.js Documentation. Like @JohnK said, it will be much easier to help if you can repro using this.

5

Yes i have coded it on the playground originally and it appear well too as on safari.

https://www.babylonjs-playground.com/#ERHDUG#1

6

I think you’re saying the issue doesn’t reproduce with the playground?

This playground works for me on firefox. I’m not sure how to help without a repro. If the issue only repros for you outside of the playground, can you host it somewhere so we can look at it?

7

I found where is the issue. It come from the css when i resize the parent of the canvas.

div id=“rightPanel”
canvas id=“renderCanvas” touch-action=“none”></canvas
/div

#rightPanel{
width: 100%;
}

8

Thanks everyone for your help i finally solved the issue. I used flex-basis instead and that finally works.

2 Likes