WordPress.org

Making WordPress.org

Opened 9 months ago

Closed 5 months ago

Last modified 5 weeks ago

#4933 closed defect (fixed)

Display name issue in edit profile

Reported by: mayur6740 Owned by: dd32
Milestone: Priority: normal
Component: Support Forums Keywords:
Cc:

Description

Hello,
I have edit my WordPress profile and entered my name but it is not properly displayed in "Display Name" drop-down field.

Please see my attached screenshot.

Thank you.

Attachments (1)

Screenshot_1.png (14.0 KB) - added by mayur6740 9 months ago.

Download all attachments as: .zip

Change History (11)

#1 @tobifjellner
9 months ago

Clarification: Page where a user can edit their own forum profile https://wordpress.org/support/users/(own-username)/edit/ the "Display Name" field crops the text exactly at the baseline.
This can be corrected by adding:

#bbpress-forums #bbp-your-profile fieldset select {
    height: auto;
}

#2 follow-up: @tobifjellner
9 months ago

  • Component changed from Profiles to Support Forums

#3 follow-up: @dd32
9 months ago

This feels like something that should be reported upstream to bbPress.

I can't duplicate this however using Chrome, adding the suggested height: auto actually makes it worse on Chrome (The field is made thinner).

What browsers does this affect?

#4 in reply to: ↑ 3 @tobifjellner
9 months ago

Replying to dd32:

What browsers does this affect?

I was using Firefox on Windows when I was able to confirm the issue and the proposed CSS looked alright.

#5 follow-up: @netweb
9 months ago

Removing height: 28px; from the below also fixes this on Firefox for me, just need to test things a little further:

https://bbpress.trac.wordpress.org/browser/trunk/src/templates/default/css/bbpress.css#L738

        /* Try to prevent untall selects & text boxes */
        #bbpress-forums fieldset.bbp-form select,
        #bbpress-forums fieldset.bbp-form input[type="text"] {
                min-height: 28px;
                height: 28px;
                padding: 5px;
        }

Maybe bumping it to height: 32px would work better for Chrome and Firefox

#6 @dd32
9 months ago

@netweb It might be something that would be better off expressed as a em or rem as I suspect it's the font-size that's caused the default bbPress values to be too small..

#7 @dd32
5 months ago

  • Owner set to dd32
  • Resolution set to fixed
  • Status changed from new to closed

In 9851:

Forums: Fix the display of some characters within <select> elements where the lower section would be cut off in certain browsers.

Props tobifjellner, netweb.
Fixes #4933.

#8 @dd32
5 months ago

In 9852:

Support: Update package.json to allow SASS compile again.

See #4933.

#9 in reply to: ↑ 2 @mayur6740
5 weeks ago

Replying to tobifjellner:
chrome

#10 in reply to: ↑ 5 @mayur6740
5 weeks ago

Replying to netweb:
thank you

Removing height: 28px; from the below also fixes this on Firefox for me, just need to test things a little further:

https://bbpress.trac.wordpress.org/browser/trunk/src/templates/default/css/bbpress.css#L738

        /* Try to prevent untall selects & text boxes */
        #bbpress-forums fieldset.bbp-form select,
        #bbpress-forums fieldset.bbp-form input[type="text"] {
                min-height: 28px;
                height: 28px;
                padding: 5px;
        }

Maybe bumping it to height: 32px would work better for Chrome and Firefox

Note: See TracTickets for help on using tickets.