Tags appear broken in safari

Umutcan

Below you can see screenshots of a member using iPhone 11 - Safari version 15.0.

There are 1-2px defects in the labels I marked with red. Second labels overflowed.

I think the latest version of Safari is 15.1. Could it be caused by this? Otherwise, what a problem. 1-2px bothers me and I want everything to be smooth.

I am an android user. I'm using Chrome and there are no view errors.

010101

Umutcan thanks, so I’m not losing my mind! 😌 Good to know. I already reported this: flarum/core3245

Safari strikes again. 👹

I’ll submit a pull request. Fix is:

.TagsLabel > * {
vertical-align: bottom;
}

Umutcan

There are no defects in the labels I marked with green boxes. But there is an error when I point it in red

Umutcan

If I try to do it with CSS, I will break the ones that look good. What do you suggest I do?

Justoverclock

Umutcan i can reproduce this on my site also....odd

Umutcan

Justoverclock I couldn't understand you because of the translation. Do you also have the same problem?

Justoverclock

Umutcan yes i have it on an iphone

CyberGene

I had this problem since the beginning I started using Flarum and I noticed that if I use icons for all tags (even secondary ones), then everything is OK on my forum. I notice that you have one example with the two tags having icons, yet misaligned again... So, it seems my "fix" won't work for you.

Umutcan

CyberGene That's what I thought too, but even the two variants seem to have the same problem. I'm waiting for support.

RelicSystem

I reported a similar issue (flarum/core3218) but for the desktop version of Safari and was advised that the issue would be closed as a refactor is already in the works/planned (flarum/core848) with a shift to flex/grid.

Umutcan

RelicSystem I'm glad to hear that, I hope they address my problem as well as solve it.

Umutcan

010101 I hope more detailed information will be given soon.

Are you arguing that the css code you added solves the problem?

010101

Umutcan Are you arguing that the css code you added solves the problem?

Yes.

Devs might want to do it differently, but I submitted a pull request which fixes it:

flarum/tags155

Umutcan

010101 Thanks for everything @010101 .

I contacted my iOS user and he sent the screenshots. Everything works fine now.