Material-ui: onloadwff.js: 71 Ошибка утверждения: входной аргумент не является HTMLInputElement

Созданный на 12 мар. 2019  ·  12Комментарии  ·  Источник: mui-org/material-ui

  • [x] Это не проблема v0.x.
  • [x] Я искал проблемы в этом репозитории и считаю, что это не дубликат.

Ожидаемое поведение 🤔

При использовании TextField с multiline={true} ошибок консоли быть не должно.

Текущее поведение 😯

При рендеринге multiline TextField (внутри form ) и нажатии клавиши enter в консоль регистрируется следующее (каждый раз при нажатии клавиши ):

onloadwff.js:71 Assertion failed: Input argument is not an HTMLInputElement
  getFormProfile @ onloadwff.js:71
  setFieldValue @ onloadwff.js:71
  formKeydownListener @ onloadwff.js:71

onloadwff.js:71 Uncaught TypeError: Cannot read property 'type' of undefined
    at e.setFieldValue (onloadwff.js:71)
    at HTMLFormElement.formKeydownListener (onloadwff.js:71)

Шаги по воспроизведению 🕹

  1. Перейдите по адресу https://material-ui.com/demos/text-fields/ и откройте консоль разработчика Chrome (
  2. В разделе «TextField» щелкните любой многострочный элемент управления и пару раз нажмите клавишу ввода.
  3. Обратите внимание на исключения, зарегистрированные в консоли

Я мог воспроизвести эту ошибку в Chrome (как в Ubuntu 18, так и в WIndows 10).
Не удалось воспроизвести его в Firefox (Ubuntu и Windows).

У меня такая же проблема в моем проекте, и я обнаружил, что она также присутствует на веб-странице Material-U.

Обратите внимание, что ошибка не отображается, если многострочное текстовое поле не заключено в тег формы.

Контекст 🔦

Здесь не так много контекста, просто отрисовано многострочное текстовое поле и обнаружено, что эти исключения записываются в консоль.

Ваше окружение 🌎

| Технология | Версия |
| -------------- | --------- |
| Материал-UI | v3.0.1 и v.3.9.2 |
| Реагировать | 16.6.3 |
| Браузер | Chrome, Firefox (обе последние версии) |
| TypeScript | нет |
| и т. д. | - |

TextField external dependency

Самый полезный комментарий

Кто использует LastPass? Подними свою руку! ( onloadwff.js )

Все 12 Комментарий

Кто использует LastPass? Подними свою руку! ( onloadwff.js )

@npapagna Это недавний регресс LastPass. Я очень сомневаюсь, что у нас могли быть проблемы такого типа так долго без решения. Вы можете попробовать с родным <textarea /> , такое же воспроизведение.

Capture d’écran 2019-03-12 à 23 52 33

@oliviertassinari понял!

Спасибо всем, что нашли время взглянуть на это! 👏

Прохладный! Но как от него избавиться, сохранив при этом расширение?

Прохладный! Но как от него избавиться, сохранив при этом расширение?

Официального исправления для этого нет, в любом случае возможный обходной путь заключается в следующем:

  1. Щелкните правой кнопкой мыши расширение LastPass
  2. Выберите «Это может читать и изменять данные сайта».
  3. Затем выберите «Когда вы щелкнете по расширению».

Перезагрузите страницу, вы увидите, что ошибка исчезнет.

С уважением.

@sfanculatodinotte Спасибо!

Прохладный! Но как от него избавиться, сохранив при этом расширение?

Привет!

Вы также можете исключить URL-адрес следующим образом:

  1. Зайдите на LastPass и подключитесь к своей учетной записи
  2. Зайдите в раздел Account parameters
  3. Перейдите на вкладку URL Exclusions
  4. Добавьте исключение для своей страницы, например http://localhost

Надеюсь это поможет!

С уважением: расслабленный:

Кто использует LastPass? Подними свою руку! (_onloadwff.js_)

: D, лучший ответ для меня, огромное спасибо :)))

Что ж, хорошо, если вы пользователь, просто отключите lastpass, но мы же все здесь разработчики, верно? Итак, что мы можем сделать, чтобы наши формы не были повреждены для наших пользователей, которые используют LastPass (и которые никогда не обнаружат эту проблему с github)?

Чтобы было понятно, эта ошибка ничего не ломает на странице, это шум для разработчиков. Если вы хотите исправить это, обратитесь в службу поддержки LastPass, чем больше запросов, тем больше вероятность, что они будут уделять ей приоритетное внимание.

Мое плохое, у меня была еще одна странная ошибка, которая привела к ошибке, эта ошибка действительно просто шум.

<textarea class="form-control" id="messageBody"
            onkeypress={supressEnterPropagation}
            name="body"
            rows="18"
          ></textarea>
const supressEnterPropagation = (event) {
    if (event.which === 13 || event.keyCode === 13 || event.key === "Enter")
        event.stopPropagation()
     }
}

Вы поняли идею. Это код sudo

Была ли эта страница полезной?
0 / 5 - 0 рейтинги

Смежные вопросы

FranBran picture FranBran  ·  3Комментарии

ghost picture ghost  ·  3Комментарии

finaiized picture finaiized  ·  3Комментарии

pola88 picture pola88  ·  3Комментарии

ghost picture ghost  ·  3Комментарии