Я сталкиваюсь с непоследовательным поведением события с компонентом FileTrigger из @React-aria/Components в приложении React. Проблема наблюдается специально в Chrome на iOS ( версии 140 ), основанная на пользовательской аналитике, и его трудно воспроизвести.
Описание проблемы
После того, как пользователь выбирает файл изображения:
Первый выбор: на одном из них. /> Второй и последующие выборы: Открывается диалоговое окно файла, но сразу после выбора файла событие Cancel запускается. Выбранные файлы не обрабатываются, которые не запускали событие Onselect .
среда
[*] React: 18.x
Библиотека: @reaact-aria (1.2.1) . /> < /li>
Browser & Platform: Chrome 140, iOS (iPhone /iPad)
Пример упрощенного кода
Вот упрощенная версия компонента, фокусирующейся на обработке событий: < /p>
< /li>
< /ul>
import React, { useEffect, useRef } from 'react';
import { FileTrigger } from 'react-aria-components';
const UploadComponent = ({ onFileSelected }) => {
const uploadInputRef = useRef(null);
// This handler does not fired at all
const handleFileSelect = (fileList) => {
console.log('onSelect fired', fileList);
if (fileList) {
onFileSelected(Array.from(fileList));
}
};
// This event fires immediately on subsequent selections
const handleCancel = () => {
console.log('Cancel event fired from user selection');
};
useEffect(() => {
const currentInput = uploadInputRef.current;
// this code will run after second upload
currentInput?.addEventListener('cancel', handleCancel);
return () => {
currentInput?.removeEventListener('cancel', handleCancel);
};
}, []);
return (
Подробнее здесь: https://stackoverflow.com/questions/797 ... chrome-ios
React aria filetrigger на выборе не запускается при выборе первого файла в Chrome IOS, последующее событие отмена тригге ⇐ Javascript
Форум по Javascript
1758876722
Anonymous
Я сталкиваюсь с непоследовательным поведением события с компонентом FileTrigger из @React-aria/Components в приложении React. Проблема наблюдается специально в Chrome на iOS ([b] версии 140 [/b]), основанная на пользовательской аналитике, и его трудно воспроизвести.
Описание проблемы
После того, как пользователь выбирает файл изображения:
Первый выбор: на одном из них. /> Второй и последующие выборы: Открывается диалоговое окно файла, но сразу после выбора файла [b] событие Cancel запускается. Выбранные файлы не обрабатываются, которые не запускали событие Onselect . [/b]
среда
[*] React: 18.x
Библиотека: @reaact-aria (1.2.1) . /> < /li>
Browser & Platform: Chrome 140, iOS (iPhone /iPad)
Пример упрощенного кода
Вот упрощенная версия компонента, фокусирующейся на обработке событий: < /p>
< /li>
< /ul>
import React, { useEffect, useRef } from 'react';
import { FileTrigger } from 'react-aria-components';
const UploadComponent = ({ onFileSelected }) => {
const uploadInputRef = useRef(null);
// This handler does not fired at all
const handleFileSelect = (fileList) => {
console.log('onSelect fired', fileList);
if (fileList) {
onFileSelected(Array.from(fileList));
}
};
// This event fires immediately on subsequent selections
const handleCancel = () => {
console.log('Cancel event fired from user selection');
};
useEffect(() => {
const currentInput = uploadInputRef.current;
// this code will run after second upload
currentInput?.addEventListener('cancel', handleCancel);
return () => {
currentInput?.removeEventListener('cancel', handleCancel);
};
}, []);
return (
Подробнее здесь: [url]https://stackoverflow.com/questions/79775667/react-aria-filetrigger-onselect-not-firing-on-first-file-selection-in-chrome-ios[/url]
Ответить
1 сообщение
• Страница 1 из 1
Перейти
- Кемерово-IT
- ↳ Javascript
- ↳ C#
- ↳ JAVA
- ↳ Elasticsearch aggregation
- ↳ Python
- ↳ Php
- ↳ Android
- ↳ Html
- ↳ Jquery
- ↳ C++
- ↳ IOS
- ↳ CSS
- ↳ Excel
- ↳ Linux
- ↳ Apache
- ↳ MySql
- Детский мир
- Для души
- ↳ Музыкальные инструменты даром
- ↳ Печатная продукция даром
- Внешняя красота и здоровье
- ↳ Одежда и обувь для взрослых даром
- ↳ Товары для здоровья
- ↳ Физкультура и спорт
- Техника - даром!
- ↳ Автомобилистам
- ↳ Компьютерная техника
- ↳ Плиты: газовые и электрические
- ↳ Холодильники
- ↳ Стиральные машины
- ↳ Телевизоры
- ↳ Телефоны, смартфоны, плашеты
- ↳ Швейные машинки
- ↳ Прочая электроника и техника
- ↳ Фототехника
- Ремонт и интерьер
- ↳ Стройматериалы, инструмент
- ↳ Мебель и предметы интерьера даром
- ↳ Cантехника
- Другие темы
- ↳ Разное даром
- ↳ Давай меняться!
- ↳ Отдам\возьму за копеечку
- ↳ Работа и подработка в Кемерове
- ↳ Давай с тобой поговорим...
Мобильная версия