Material-ui: рдЯреВрд▓рдЯрд┐рдк рдХреЗ рд▓рд┐рдП рдХрд╛рдо рдирд╣реАрдВ рдХрд░рддрд╛ рд╣реИ<iconbutton disabled="disabled"/>

рдХреЛ рдирд┐рд░реНрдорд┐рдд 27 рд╕рд┐рддре░ 2017  ┬╖  15рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ  ┬╖  рд╕реНрд░реЛрдд: mui-org/material-ui

  • [x] рдореИрдВрдиреЗ рдЗрд╕ рднрдВрдбрд╛рд░ рдХреЗ рдореБрджреНрджреЛрдВ рдХреЛ рдЦреЛрдЬрд╛ рд╣реИ рдФрд░ рдпрд╣ рдорд╛рдирддрд╛ рд╣реВрдВ рдХрд┐ рдпрд╣ рдХреЛрдИ рдбреБрдкреНрд▓рд┐рдХреЗрдЯ рдирд╣реАрдВ рд╣реИред

рдЕрдкреЗрдХреНрд╖рд┐рддреН рд╡реНрдпрд╡рд╣рд╛рд░

рдЯреВрд▓рдЯрд┐рдк рд╣реЛрд╡рд░ рдХреЗ рд▓рд┐рдП рджрд┐рдЦрд╛рдИ рджреЗрддрд╛ рд╣реИ

рд╡рд░реНрддрдорд╛рди рд╡реНрдпрд╡рд╣рд╛рд░

рдЯреВрд▓рдЯрд┐рдк рд╣реЛрд╡рд░ рдХреЗ рд▓рд┐рдП рдЫрд┐рдкрд╛ рд╣реБрдЖ рд╣реИ

рдкреНрд░рдЬрдирди рдХреЗ рд▓рд┐рдП рдХрджрдо (рдмрдЧ рдХреЗ рд▓рд┐рдП)

<Tooltip title="Tooltip" placement="bottom">
  <IconButton disabled>
  <Done/>
  </IconButton>
</Tooltip>

рдЖрдкрдХрд╛ рдкрд░реНрдпрд╛рд╡рд░рдг

| рдЯреЗрдХ | рд╕рдВрд╕реНрдХрд░рдг |
| -------------- | --------- |
| рд╕рд╛рдордЧреНрд░реА- рдпреВрдЖрдИ | v1.0.0-beta.12 |

рд╕рдмрд╕реЗ рдЙрдкрдпреЛрдЧреА рдЯрд┐рдкреНрдкрдгреА

рдЕрдХреНрд╖рдо рддрддреНрд╡ рдШрдЯрдирд╛рдУрдВ рдХреА рдЖрдЧ рдирд╣реАрдВ рд▓рдЧрд╛рддреЗ рд╣реИрдВред рдЖрдк рд╣рд╛рд▓рд╛рдВрдХрд┐ рддрддреНрд╡ рдХреЗ рдКрдкрд░ рдПрдХ DIV рд░рдЦ рд╕рдХрддреЗ рд╣реИрдВ рдФрд░ рдЙрд╕ рддрддреНрд╡ рдкрд░ рдмрджрд▓реЗ рдЧрдП рдИрд╡реЗрдВрдЯ рдХреЛ рд╕реБрди рд╕рдХрддреЗ рд╣реИрдВред

https://stackoverflow.com/questions/18113937/fire-onmouseover-event-when-element-is-disabled

рдЗрд╕ рд╕реБрдЭрд╛рд╡ рдХреЛ рд▓рд╛рдЧреВ рдХрд░рдирд╛ рдЗрд╕ рддрд░рд╣ рджрд┐рдЦрддрд╛ рд╣реИ, рдФрд░ рдпрд╣ рдХрд╛рдо рдХрд░рддрд╛ рд╣реИред

        <Tooltip title="Tooltip" placement="bottom">
          <div>
            <IconButton disabled>
              <Done />
            </IconButton>
          </div>
        </Tooltip>

рд╕рднреА 15 рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

рдЕрдХреНрд╖рдо рддрддреНрд╡ рдШрдЯрдирд╛рдУрдВ рдХреА рдЖрдЧ рдирд╣реАрдВ рд▓рдЧрд╛рддреЗ рд╣реИрдВред рдЖрдк рд╣рд╛рд▓рд╛рдВрдХрд┐ рддрддреНрд╡ рдХреЗ рдКрдкрд░ рдПрдХ DIV рд░рдЦ рд╕рдХрддреЗ рд╣реИрдВ рдФрд░ рдЙрд╕ рддрддреНрд╡ рдкрд░ рдмрджрд▓реЗ рдЧрдП рдИрд╡реЗрдВрдЯ рдХреЛ рд╕реБрди рд╕рдХрддреЗ рд╣реИрдВред

https://stackoverflow.com/questions/18113937/fire-onmouseover-event-when-element-is-disabled

рдЗрд╕ рд╕реБрдЭрд╛рд╡ рдХреЛ рд▓рд╛рдЧреВ рдХрд░рдирд╛ рдЗрд╕ рддрд░рд╣ рджрд┐рдЦрддрд╛ рд╣реИ, рдФрд░ рдпрд╣ рдХрд╛рдо рдХрд░рддрд╛ рд╣реИред

        <Tooltip title="Tooltip" placement="bottom">
          <div>
            <IconButton disabled>
              <Done />
            </IconButton>
          </div>
        </Tooltip>

рдореИрдВ component рд╕рдВрдкрддреНрддрд┐ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдиреЗ рдХреЗ рдмрд╛рд░реЗ рдореЗрдВ рднреА рд╕реЛрдЪ рд░рд╣рд╛ рдерд╛ рд▓реЗрдХрд┐рди pointer-events: none; рд╢реИрд▓реА рдХреЗ рдХрд╛рд░рдг рдпрд╣ рдХрд╛рдо рдирд╣реАрдВ рдХрд░рддрд╛ рд╣реИ:

<Tooltip title="Tooltip" placement="bottom">
  <IconButton component="div" disabled>
    <Done />
  </IconButton>
</Tooltip>

@oliviertassinari рдХреНрд╖рдорд╛ рдХрд░реЗрдВ, рдкрддрд╛ рдирд╣реАрдВ рдерд╛ред рдзрдиреНрдпрд╡рд╛рджред

@bravecow рдореБрдЭреЗ рд▓рдЧрддрд╛ рд╣реИ рдХрд┐ рдЕрдЧрд░ рдЕрдзрд┐рдХ рд▓реЛрдЧ рдЗрд╕ рдореБрджреНрджреЗ рдХреЛ рдЙрдард╛рддреЗ рд╣реИрдВ рддреЛ рд╣рдо рдПрдХ рдЪреЗрддрд╛рд╡рдиреА рдЬреЛрдбрд╝ рд╕рдХрддреЗ рд╣реИрдВред

рддреЛ рдХреНрдпрд╛ рдпрд╣ рдмрдЯрди рдФрд░ рдЯреВрд▓рдЯрд┐рдк рдХреЗ рдмреАрдЪ рдПрдХ рд╡рд┐рднрд╛рдЬрдХ рд╣реЛрдиреЗ рдХреЗ рд▓рд┐рдП рд╕реНрд╡реАрдХреГрдд рд╕рдорд╛рдзрд╛рди рд╣реИ? рдЯреВрд▓рдЯрд┐рдк рд╣реЛрдирд╛ рдЖрдорддреМрд░ рдкрд░ рдЕрдХреНрд╖рдо рдмрдЯрдиреЛрдВ рдкрд░ рд╕рдмрд╕реЗ рдЕрдзрд┐рдХ рд╕рд╣рд╛рдпрдХ рд╣реЛрддрд╛ рд╣реИ, рдпрд╣ рдЗрдВрдЧрд┐рдд рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдХрд┐ рдмрдЯрди рдЕрдХреНрд╖рдо

рдХреНрдпрд╛ рд╣реЛрдЧрд╛ рдЕрдЧрд░ рд╣рдордиреЗ Tooltip рдШрдЯрдХ рдХреЗ рд▓рд┐рдП рдПрдХ рдкреНрд░реЛрдк рдЬреЛрдбрд╝рд╛ рдЬреЛ рдХрд┐ рдмрдЪреНрдЪреЗ рдХреЗ рд╡рд┐рдХрд▓рд╛рдВрдЧ рд╣реЛрдиреЗ рдкрд░ рднреА рдЗрд╕реЗ рдкреНрд░рджрд░реНрд╢рд┐рдд рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рд╕рдВрдХреЗрдд рджреЗрддрд╛ рд╣реИ? рдпрд╣ рд╕рд┐рд░реНрдл рд╣реБрдб рдХреЗ рддрд╣рдд рдЗрд╕ рд╕рдорд╛рдзрд╛рди рдХреЛ рд▓рд╛рдЧреВ рдХрд░реЗрдЧрд╛ рд▓реЗрдХрд┐рди рдХрдо рд╕реЗ рдХрдо рдЙрдкрдпреЛрдЧрдХрд░реНрддрд╛ рдХреЛ рдпрд╣ рд╕реЛрдЪрдХрд░ рдирд╣реАрдВ рдЫреЛрдбрд╝рд╛ рдЬрд╛рдПрдЧрд╛ рдХрд┐ рдЯреВрд▓рдЯрд┐рдкреНрд╕ рдЕрдХреНрд╖рдо рдмрдЯрди рдкрд░ рдХрд╛рдо рдХреНрдпреЛрдВ рдирд╣реАрдВ рдХрд░рддреЗ рд╣реИрдВред

рдЖрдк рдЯреВрд▓рдЯрд┐рдк рдЪреЗрддрд╛рд╡рдиреА рдХреЛ рдХреИрд╕реЗ рдмрдВрдж рдХрд░рддреЗ рд╣реИрдВ?

рдЖрдк рдЯреВрд▓рдЯрд┐рдк рдЪреЗрддрд╛рд╡рдиреА рдХреЛ рдХреИрд╕реЗ рдмрдВрдж рдХрд░рддреЗ рд╣реИрдВ?

@goyney https://github.com/mui-org/material-ui/issues/8416#issuecomment -332556082

@oliviertassinari DOM рдХреЛ рдмрдВрдж рдХрд┐рдП рдмрд┐рдирд╛ рдЯреВрд▓рдЯрд┐рдк рдЪреЗрддрд╛рд╡рдиреА рдХреЛ рдХреИрд╕реЗ рдмрдВрдж рдХрд░реВрдВ?

рдореЗрд░реЗ рдкрд╛рд╕ рдмрдЯрди рдХреЗ рдХрдИ рдЯреВрд▓рдмрд╛рд░ рд╣реИрдВ рдЬреЛ рд╕рд╛рдордЧреНрд░реА рд▓реЛрдб рд╣реЛрдиреЗ рдкрд░ рдЕрдХреНрд╖рдо рд╣реЛрддреЗ рд╣реИрдВред рдкреНрд░рддреНрдпреЗрдХ рдмрдЯрди рдкрд░ рдПрдХ рдЯреВрд▓рдЯрд┐рдк рд╣реИред рдПрдХ рдмрд╛рд░ рджрд╕реНрддрд╛рд╡реЗрдЬрд╝ рд▓реЛрдб рд╣реЛрдиреЗ рдХреЗ рдмрд╛рдж, рд╡реЗ рд╕рднреА рд╕рдХреНрд╖рдо рд╣реЛ рдЬрд╛рддреЗ рд╣реИрдВред рд╣рд░ рдХреЛ рд▓рдкреЗрдЯрдиреЗ рд╡рд╛рд▓рд╛ред рдПрдХред рдмрдЯрдиред рдПрдХ span рдореЗрдВ рдЗрд╕ рдЪреЗрддрд╛рд╡рдиреА рдХреЛ рджрдмрд╛рдиреЗ рдХреЗ рд▓рд┐рдП рдЕрдкреНрд░рд┐рдп рд╣реИред

@goyney рдЬрд░реВрд░рдд рдкрдбрд╝рдиреЗ рдкрд░ рдЯреВрд▓рдЯрд┐рдк рдХреЛ рд╕рд╢рд░реНрдд рд░реВрдк рд╕реЗ рдкреНрд░рд╕реНрддреБрдд рдХрд░рдиреЗ рдХреЗ рдмрд╛рд░реЗ рдореЗрдВ рдХреНрдпрд╛? рдЬрд╣рд╛рдВ рддрдХ тАЛтАЛрдореИрдВ рдЗрд╕реЗ рд╕рдордЭрддрд╛ рд╣реВрдВ, рдЖрдк рдмрдЯрди рдЕрдХреНрд╖рдо рд╣реЛрдиреЗ рдкрд░ рдХреЛрдИ рдЯреВрд▓рдЯрд┐рдк рдкреНрд░рджрд░реНрд╢рд┐рдд рдирд╣реАрдВ рдХрд░рдирд╛ рдЪрд╛рд╣рддреЗ рд╣реИрдВред

рдореИрдВ рд╣рдореЗрд╢рд╛ рдЯреВрд▓рдЯрд┐рдк рдкреНрд░рджрд░реНрд╢рд┐рдд рдХрд░рдирд╛ рдЪрд╛рд╣рддрд╛ рд╣реВрдВред рдЯреВрд▓рдЯрд┐рдк рдкрд░ suppressWarnings рдкреНрд░реЛрдк рдпрд╛ рдХреБрдЫ рдФрд░ рдХреИрд╕реЗред

рдореИрдВ рд╣рдореЗрд╢рд╛ рдЯреВрд▓рдЯрд┐рдк рдкреНрд░рджрд░реНрд╢рд┐рдд рдХрд░рдирд╛ рдЪрд╛рд╣рддрд╛ рд╣реВрдВ

@goyney рдмрдЯрди рдЕрдХреНрд╖рдо рд╣реЛрдиреЗ рдкрд░ рднреА?

рд╣рд╛рдВ, рдореИрдВрдиреЗ рд╡рд╣реА рдХрд╣рд╛ рд╣реИред рдЬрдмрд░рджрд╕реНрдд рд╣рдВрд╕реА

рдЬреИрд╕рд╛ рдХрд┐ рдореИрдВрдиреЗ рдКрдкрд░ рдЙрд▓реНрд▓реЗрдЦ рдХрд┐рдпрд╛ рд╣реИ, рдЯреВрд▓рдЯрд┐рдкреНрд╕ рдЙрдкрдпреЛрдЧрдХрд░реНрддрд╛рдУрдВ рдХреЗ рд▓рд┐рдП рдЕрддрд┐рд░рд┐рдХреНрдд рдЙрдкрдпреЛрдЧ рдХреЗ рд╣реЛрддреЗ рд╣реИрдВ рдЬрдм рдПрдХ рдмрдЯрди рдХреЛ рдирд┐рд╖реНрдХреНрд░рд┐рдп рдХрд┐рдпрд╛ рдЬрд╛рддрд╛ рд╣реИ @oliviertassinari , рддрд╛рдХрд┐ рдЙрдиреНрд╣реЗрдВ рдпрд╣ рдЗрдВрдЧрд┐рдд рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдХрд┐ рдПрдХ рдмрдЯрди рдЕрдХреНрд╖рдо рдХреНрдпреЛрдВ рд╣реИред

@ dskoda1 рдореИрдВрдиреЗ # 11601 рдЦреЛрд▓рд╛ рд╣реИред

рдЕрдХреНрд╖рдо рддрддреНрд╡ рдШрдЯрдирд╛рдУрдВ рдХреА рдЖрдЧ рдирд╣реАрдВ рд▓рдЧрд╛рддреЗ рд╣реИрдВред рдЖрдк рд╣рд╛рд▓рд╛рдВрдХрд┐ рддрддреНрд╡ рдХреЗ рдКрдкрд░ рдПрдХ DIV рд░рдЦ рд╕рдХрддреЗ рд╣реИрдВ рдФрд░ рдЙрд╕ рддрддреНрд╡ рдкрд░ рдмрджрд▓реЗ рдЧрдП рдИрд╡реЗрдВрдЯ рдХреЛ рд╕реБрди рд╕рдХрддреЗ рд╣реИрдВред

https://stackoverflow.com/questions/18113937/fire-onmouseover-event-when-element-is-disabled

рдЗрд╕ рд╕реБрдЭрд╛рд╡ рдХреЛ рд▓рд╛рдЧреВ рдХрд░рдирд╛ рдЗрд╕ рддрд░рд╣ рджрд┐рдЦрддрд╛ рд╣реИ, рдФрд░ рдпрд╣ рдХрд╛рдо рдХрд░рддрд╛ рд╣реИред

        <Tooltip title="Tooltip" placement="bottom">
          <div>
            <IconButton disabled>
              <Done />
            </IconButton>
          </div>
        </Tooltip>

рдпрд╣ рдЕрдХреНрд╖рдо рдмрдЯрди рдкрд░ рдЯреВрд▓рдЯрд┐рдк рдХреЛ рджрд┐рдЦрд╛рдиреЗ рдореЗрдВ рдорджрдж рдХрд░рддрд╛ рд╣реИ, рд▓реЗрдХрд┐рди 'div' рдореЗрдВ рд╕рдВрд▓рдЧреНрди рдмрдЯрди рдореЗрд░реЗ рд▓рд┐рдП рдЕрдкрдиреА рд╕реНрдЯрд╛рдЗрд▓ рдЦреЛ рджреЗрддрд╛ рд╣реИред рдореБрдЭреЗ рдпрд╣рд╛рдВ рдХреНрдпрд╛ рд╕рдордЭ рдирд╣реАрдВ рдЖ рд░рд╣рд╛ рд╣реИ?

рдХреНрдпрд╛ рдпрд╣ рдкреГрд╖реНрда рдЙрдкрдпреЛрдЧреА рдерд╛?
0 / 5 - 0 рд░реЗрдЯрд┐рдВрдЧреНрд╕