About the user fields arrangement problem

[yu_miao]

I did not change any page layout

[JammyDodger]

Does this still occur in safe mode?

[yu_miao]

yes ,

https://goosetown.site/?safe_mode=no_themes,no_plugins

[JammyDodger]

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.

This also happens on my test site:

But only for ‘Education’:

[yu_miao]

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

thanks for the reply

[awesomerobot (Kris)]

We use the education class elsewhere

app/assets/javascripts/discourse/app/templates/components/footer-message.hbs

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.

[awesomerobot (Kris)]

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.

https://github.com/discourse/discourse/pull/18055

[yu_miao]

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