About the user fields arrangement problem

Bug
1

I did not change any page layout

image
image1186×830 66.5 KB

1 Like
2

Does this still occur in safe mode?

1 Like
3

yes ,

image
image842×90 20.7 KB

image
image1200×726 55.5 KB

1 Like
4

Hmmm. Yes, so it is. It seems to be these lines on the div.education user field that seem to be the culprit. When they’re deselected in the inspector it comes good. Not sure what is adding them though.

Untitled
Untitled1341×538 54.6 KB

This also happens on my test site:

image
image1043×568 36.2 KB

But only for ‘Education’:

image
image985×559 31.9 KB

1 Like
5

That’s it ，“education” has some kind of magic :smile:

thanks for the reply :slightly_smiling_face:

2 Likes
6

We use the education class elsewhere

So it seems this is a class collision issue. These user fields should have some kind of prefix to avoid this, so they’re .user-field-education or something.

3 Likes
8

I’ve just merged in a fix that will update the user field class names to get a prefix… so instead of

.education

it would be

.public-user-field__education

So the next time you update Discourse this issue should go away.

2 Likes
9

that’s great ，I just updated discourse， it is solved :grin:

image
image1132×684 79.4 KB

3 Likes
10

This topic was automatically closed after 7 hours. New replies are no longer allowed.