SelectDisplayProps
рдореЗрдВ рдПрдХ рдХреНрд▓рд╛рд╕рдирд╛рдо рдЬреЛрдбрд╝рдирд╛ рд╡рд╛рд╕реНрддрд╡ рдореЗрдВ рдЕрдкрдиреЗ рдореМрдЬреВрджрд╛ рдХреНрд▓рд╛рд╕рдиреЗрдо рд╕реЗ рдЖрдЧреЗ рдирд┐рдХрд▓ рдЬрд╛рддрд╛ рд╣реИ
рдореЗрд░реЗ рдкрд╛рд╕ рдПрдХ рдШрдЯрдХред рдЬрдм рдореИрдВ div рдХреЛ рдПрдХ ClassName рджреЗрдирд╛ рдЪрд╛рд╣рддрд╛ рд╣реВрдВ рдЬреЛ Select рдХрд╛ рдЪрдпрдирд┐рдд рдорд╛рди рдкреНрд░рджрд░реНрд╢рд┐рдд рдХрд░рддрд╛ рд╣реИ, рддреЛ рдкреНрд░рддреНрдпреЗрдХ рд╕рд╛рдордЧреНрд░реА ui рдШрдЯрдХ рдХреА рддрд░рд╣ рджреВрд╕рд░реЛрдВ рдХреЗ рд▓рд┐рдП className рдЬреЛрдбрд╝рдиреЗ рдХреЗ рдмрдЬрд╛рдп, рдпрд╣ рдЙрдиреНрд╣реЗрдВ рдУрд╡рд░рд░рд╛рдЗрдб рдХрд░рддрд╛ рд╣реИред
рдореИрдВ рдПрдХ рд╣реИ <Select />
рдШрдЯрдХ, рдЬрдм рдореИрдВ рдЬреЛрдбрд╝рдиреЗ рдХреЗ рдПрдХ className
рдореЗрдВ SelectDisplayProps
, рдпрд╣ рдШрдЯрдХ рд╣реИ рдХрд┐ рдкреНрд░рджрд░реНрд╢рди рдореЗрдВ рдЪрдпрдирд┐рдд рдорд╛рди рдХреЗ рдореМрдЬреВрджрд╛ classnames overirdes ред
рдпрд╣ рдореМрдЬреВрджрд╛ рдХреНрд▓рд╛рд╕рдиреЗрдо рдХреЛ рдУрд╡рд░рд░рд╛рдЗрдб рдирд╣реАрдВ рдХрд░рдирд╛ рдЪрд╛рд╣рд┐рдП рдмрд▓реНрдХрд┐ рдЙрдиреНрд╣реЗрдВ рдЬреЛрдбрд╝рд╛ рдЬрд╛рдирд╛ рдЪрд╛рд╣рд┐рдПред
рдпрд╣рд╛рдБ рдЖрдк рдмрдЧ рджреЗрдЦрдиреЗ рдХреЗ рд▓рд┐рдП рдПрдХ рд╕реИрдВрдбрдмреЙрдХреНрд╕ рдкрд╛ рд╕рдХрддреЗ рд╣реИрдВ: https://codesandbox.io/s/material-ui-issue-forked-oi0vd
рдХрджрдо:
SelectDisplayProps
рдореЗрдВ рд╡рд╛рд╕реНрддрд╡ рдореЗрдВ рдПрдХ рд╡рд╕реНрддреБ рд╣реИ:SelectDisplayProps={{
className: classes.selectDisplay
}}
SelectDisplayProps
рдХреЛ рдЕрдкрд░рд┐рднрд╛рд╖рд┐рдд рдореЗрдВ рдмрджрд▓ рджреЗрдЧрд╛, рдЬреИрд╕реЗ рдХрд┐ рдЖрдкрдиреЗ рдПрдХ рдирд┐рд░реНрджрд┐рд╖реНрдЯ рдирд╣реАрдВ рдХрд┐рдпрд╛ рдерд╛редSelectDisplayProps
рдирд╣реАрдВ рд╣реИ, рддреЛ рд╕рд╛рдордЧреНрд░реА UI рдбрд┐рдлрд╝реЙрд▓реНрдЯ рд╡рд░реНрдЧ рд╣реИред рд▓реЗрдХрд┐рди рдЬрдм SelectDisplayProps
рдирд┐рд░реНрджрд┐рд╖реНрдЯ рдХрд┐рдпрд╛ рдЬрд╛рддрд╛ рд╣реИ, рддреЛ рдХреНрд▓рд╛рд╕рдирд╛рдо рдЧрд╛рдпрдм рд╣реЛ рдЬрд╛рддрд╛ рд╣реИрдореИрдВ рдЙрд╕ рддрддреНрд╡ рдХреА рд╢реИрд▓реА рдХреЛ рдУрд╡рд░рд░рд╛рдЗрдб рдХрд░рдирд╛ рдЪрд╛рд╣рддрд╛ рд╣реВрдВ рдЬреЛ рдЪрдпрди рдореВрд▓реНрдп рдкреНрд░рджрд░реНрд╢рд┐рдд рдХрд░рддрд╛ рд╣реИред рдЕрдЧрд░ рдореИрдВ рдкреВрд░реА рддрд░рд╣ рд╕реЗ рд╢реИрд▓реА рдХреЛ рдмрджрд▓рдиреЗ рдХреА рдХреЛрд╢рд┐рд╢ рдХрд░ рд░рд╣рд╛ рд╣реВрдВ, рддреЛ рд╕рдорд╕реНрдпрд╛ рдореМрдЬреВрдж рд╣реИ, рдЗрд╕рд▓рд┐рдП рдореБрдЭреЗ рдирд╣реАрдВ рд▓рдЧрддрд╛ рдХрд┐ рдпрд╣ рд╕рдВрдмрдВрдзрд┐рдд рд╣реИред
| рдЯреЗрдХ | рд╕рдВрд╕реНрдХрд░рдг |
| ----------- | ------- |
| рд╕рд╛рдордЧреНрд░реА- рдпреВрдЖрдИ | v4.11.0 |
| рдкреНрд░рддрд┐рдХреНрд░рд┐рдпрд╛ | 16.13.1 |
| рдмреНрд░рд╛рдЙрдЬрд╝рд░ | рдХреНрд░реЛрдо - рд╕рдВрд╕реНрдХрд░рдг 86.0.4240.75 (рдЖрдзрд┐рдХрд╛рд░рд┐рдХ рдмрд┐рд▓реНрдб) (64-рдмрд┐рдЯ) |
| рдЯрд╛рдЗрдкрд╕реНрдХреНрд░рд┐рдкреНрдЯ | 3.9.5 |
@Newpoki рд░рд┐рдкреЛрд░реНрдЯ рдХреЗ рд▓рд┐рдП рдзрдиреНрдпрд╡рд╛рдж, рдореИрдВ рдЗрд╕ рдореБрджреНрджреЗ рдХреА рдкреБрд╖реНрдЯрд┐ рдХрд░ рд╕рдХрддрд╛ рд╣реВрдВред рдЖрдк рдЗрд╕ рдлрд┐рдХреНрд╕ рдХреЗ рдмрд╛рд░реЗ рдореЗрдВ рдХреНрдпрд╛ рд╕реЛрдЪрддреЗ рд╣реИрдВ?
diff --git a/packages/material-ui/src/Select/SelectInput.js b/packages/material-ui/src/Select/SelectInput.js
index eb58ecd1b3..2098d0f3b8 100644
--- a/packages/material-ui/src/Select/SelectInput.js
+++ b/packages/material-ui/src/Select/SelectInput.js
@@ -353,16 +353,6 @@ const SelectInput = React.forwardRef(function SelectInput(props, ref) {
return (
<React.Fragment>
<div
- className={clsx(
- classes.root, // TODO v5: merge root and select
- classes.select,
- classes.selectMenu,
- classes[variant],
- {
- [classes.disabled]: disabled,
- },
- className,
- )}
ref={setDisplayNode}
tabIndex={tabIndex}
role="button"
@@ -376,6 +366,17 @@ const SelectInput = React.forwardRef(function SelectInput(props, ref) {
onBlur={handleBlur}
onFocus={onFocus}
{...SelectDisplayProps}
+ className={clsx(
+ classes.root, // TODO v5: merge root and select
+ classes.select,
+ classes.selectMenu,
+ classes[variant],
+ {
+ [classes.disabled]: disabled,
+ },
+ className,
+ SelectDisplayProps.className
+ )}
// The id is required for proper a11y
id={buttonId}
>
рдХреНрдпрд╛ рдЖрдк рдкреБрд▓-рдЕрдиреБрд░реЛрдз рдкрд░ рдХрд╛рдо рдХрд░рдирд╛ рдЪрд╛рд╣рддреЗ рд╣реИрдВ? :)
рдореИрдВ рдЗрд╕реЗ рдЖрдЬрд╝рдорд╛рдирд╛ рдЪрд╛рд╣реВрдВрдЧрд╛ред рдХреНрдпрд╛ рдЖрдк рдЗрд╕реЗ рдореБрдЭреЗ рд╕реМрдВрдк рд╕рдХрддреЗ рд╣реИрдВ?
рдирдорд╕реНрддреЗ,
рджреЗрд░ рд╕реЗ рдЬрд╡рд╛рдм рдХреЗ рд▓рд┐рдП рдХреНрд╖рдорд╛ рдХрд░реЗрдВ, рдореИрдВ рдЕрдкрдиреЗ рдХрд╛рдо рдкрд░ рдерд╛:
рдЦреБрд╢реА рд╣реИ рдХрд┐ рдпрд╣ рдПрдХ рд╡рд╛рд╕реНрддрд╡рд┐рдХ рдореБрджреНрджрд╛ рдерд╛ рдФрд░ рдореЗрд░реЗ рджрд┐рдорд╛рдЧ рд╕реЗ рдирд╣реАрдВ, рдФрд░ рдпрд╣ рддрдп рд╣реЛрдиреЗ рд╡рд╛рд▓рд╛ рд╣реИ: рдбреА
рдкреАрдЖрд░ рдХреЗ рд▓рд┐рдП @ redanders рдзрдиреНрдпрд╡рд╛рджред