Material-ui: [AutoComplete] ์ปดํฌ๋„ŒํŠธ ๊ฐ•์ œ ์„ค์ • html ์†์„ฑ autocomplete = 'off'

์— ๋งŒ๋“  2016๋…„ 07์›” 07์ผ  ยท  3์ฝ”๋ฉ˜ํŠธ  ยท  ์ถœ์ฒ˜: mui-org/material-ui

๋ฌธ์ œ ์„ค๋ช…

์ด๊ฒƒ์€ TextField์™€ ๊ฐ™์€ ์†์„ฑ์— ์˜ํ•ด ์„ ํƒ์ ์œผ๋กœ ์„ค์ • ๋  ์ˆ˜ ์žˆ์–ด์•ผํ•ฉ๋‹ˆ๋‹ค.

์žฌํ˜„ ๋‹จ๊ณ„

return _react2.default.createElement(
        'div',
        { style: prepareStyles((0, _simpleAssign2.default)(styles.root, style)) },
        _react2.default.createElement(_TextField2.default, _extends({}, other, {
          ref: 'searchTextField',
          **autoComplete: 'on',**
          value: searchText,
          onChange: this.handleChange,
          onBlur: this.handleBlur,
          onFocus: this.handleFocus,
          onKeyDown: this.handleKeyDown,
          floatingLabelText: floatingLabelText,
          hintText: hintText,
          fullWidth: fullWidth,
          multiLine: false,
          errorStyle: errorStyle
        })),

๋ฒ„์ „

  • Material-UI : 0.15.1
  • ๋ฐ˜์‘ : 15.1.0
  • ๋ธŒ๋ผ์šฐ์ € : Chrome 52.0.2743.60 beta-m (64 ๋น„ํŠธ)
bug ๐Ÿ› Autocomplete

๊ฐ€์žฅ ์œ ์šฉํ•œ ๋Œ“๊ธ€

๋™์˜ํ•ฉ๋‹ˆ๋‹ค. ๋ชจ๋“  ์‚ฌ์šฉ์ž๊ฐ€ autoComplete ์†์„ฑ์„ ์žฌ์ •์˜ํ•ด์•ผํ•œ๋‹ค๊ณ  ์ƒ๊ฐํ•ฉ๋‹ˆ๋‹ค.
์‹ค์ œ๋กœ๋Š” {...other} ์†์„ฑ์„ ๊ตฌ์„ฑ ์š”์†Œ์˜ ๋์ด ์•„๋‹Œ ์‹œ์ž‘ ๋ถ€๋ถ„์— ํผ๋œจ๋ฆฌ๋Š” ๊ฒƒ์ด๋ณด๋‹ค ์ผ๋ฐ˜์ ์ธ ๋ฌธ์ œ๋ผ๊ณ  ์ƒ๊ฐํ•ฉ๋‹ˆ๋‹ค. ๋”ฐ๋ผ์„œ ์šฐ์„  ์ˆœ์œ„๋ฅผ ์žƒ์Šต๋‹ˆ๋‹ค.

๋ชจ๋“  3 ๋Œ“๊ธ€

์–‘์‹์˜ ์ผ๋ถ€๋กœ ์ž๋™ ์™„์„ฑ์„ ์‚ฌ์šฉํ•ฉ๋‹ˆ๋‹ค. ์ด๊ฒƒ์€ ์œ ์šฉํ•œ ๊ธฐ๋Šฅ์ด ๋  ๊ฒƒ์ž…๋‹ˆ๋‹ค. ์‰ฌ์šด ์ˆ˜์ •. PR์„ ์ œ๊ณต ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

๋™์˜ํ•ฉ๋‹ˆ๋‹ค. ๋ชจ๋“  ์‚ฌ์šฉ์ž๊ฐ€ autoComplete ์†์„ฑ์„ ์žฌ์ •์˜ํ•ด์•ผํ•œ๋‹ค๊ณ  ์ƒ๊ฐํ•ฉ๋‹ˆ๋‹ค.
์‹ค์ œ๋กœ๋Š” {...other} ์†์„ฑ์„ ๊ตฌ์„ฑ ์š”์†Œ์˜ ๋์ด ์•„๋‹Œ ์‹œ์ž‘ ๋ถ€๋ถ„์— ํผ๋œจ๋ฆฌ๋Š” ๊ฒƒ์ด๋ณด๋‹ค ์ผ๋ฐ˜์ ์ธ ๋ฌธ์ œ๋ผ๊ณ  ์ƒ๊ฐํ•ฉ๋‹ˆ๋‹ค. ๋”ฐ๋ผ์„œ ์šฐ์„  ์ˆœ์œ„๋ฅผ ์žƒ์Šต๋‹ˆ๋‹ค.

# 4783์— ์˜ํ•ด ๋‹ซํž˜

์ด ํŽ˜์ด์ง€๊ฐ€ ๋„์›€์ด ๋˜์—ˆ๋‚˜์š”?
0 / 5 - 0 ๋“ฑ๊ธ‰