Firefox sucks for text placement. Can I detect firefox?

Post reply

❤Follow Topic(4)

0 favourites

6 posts

From the Asset Store

Self Typing Text

$10 USD

Change delay, create new lines, "backspace" the text

paradine

- part12studios
- - Joined 24 Dec, 2012
  - 233 topics • 1,236 posts
- 1
- 26 Nov, 2023
- Quote
So I've got a site where all the text looks right on Chrome, Edge, and Safari.. but on Firefox the text placement gets skewed.. 8bitwidgets.com

I have platform added and I see I can detect Chrome OS, iOS, android, etc... but not "Firefox".

Annoying I have to even do this but I want the site to display some kind of splash warning that firefox will mis-align the text on the site.

Thanks,

Caleb
Try Construct 3

Develop games in your browser. Powerful, performant & highly capable.
Try Now Construct 3 users don't see these ads
- igortyhon
- - Joined 22 Jul, 2020
  - 23 topics • 814 posts
- 2
- 26 Nov, 2023
- Quote
I haven't found any differences in chrome and fox.

This is the first time I've heard of problems with fox, maybe your CSS developer has little experience.
- part12studios
- - Joined 24 Dec, 2012
  - 233 topics • 1,236 posts
- 1
- 28 Nov, 2023
- Quote
thanks for checking into this and comparing. I have the text and buttons on different layers. Maybe if i reduce the number of layers it could help. That is something I could try.

I made this entirely in Construct 3. So I guess Construct is the guy who has CSS3 issues.. I just put things on a given layer and make sure they look right in the editor. I'm not doing anything special. Also this has nothing to do with the WebGL effects thankfully.

If you run this on a weaker computer with little/no GPU I have a rule setup that disabled the shader effects to save on FPS because the shaders kill weaker computer.

Also I guess I could try loading Construct in Firefox and see how things look in there. I always develop in Chrome.
- WackyToaster
- - Joined 18 Feb, 2014
  - 50 topics • 1,528 posts
- 1
- 28 Nov, 2023
- Quote
If you're styling with CSS you can try to use CSS resets/normalize.

necolas.github.io/normalize.css
There's a bunch of different versions of CSS resets out there if you google, but the point is exactly to ensure that everything looks the same across different browsers. Adding it now will likely break most of your alignments and stylings initially, but the hope is that it would at least be consistently broken and subsequently consistently fixed across all browsers.
- part12studios
- - Joined 24 Dec, 2012
  - 233 topics • 1,236 posts
- 1
- 28 Nov, 2023
- Quote
OK so learned a few things.. yes Firefox has some serious issues with placement. maybe it's a new bug?

The first is Chrome the second is Firefox in the Construct 3 Editor.
- part12studios
- - Joined 24 Dec, 2012
  - 233 topics • 1,236 posts
- 1
- 28 Nov, 2023
- Quote
I'm not interested in correcting it in Firefox as making it work right in firefox could screw up things for three other tested / working browsers. I've been noticing more how firefox is becoming an outlier. I guess because it's not using a Chromium Core it's going to find itself outside of wider accepted standards.