Display name issue in edit profile

[mayur6740]

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.

[tobifjellner]

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;
}

[dd32]

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?

[tobifjellner]

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.

[netweb]

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

[dd32]

@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..

[dd32]

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.

[dd32]

In 9852:

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

See #4933.

[mayur6740]

Replying to tobifjellner:
chrome

[mayur6740]

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