Я использую пакет react-popout, который является просто оболочкой для window.open, и я пытаюсь для создания всплывающих окон в React. Эти окна ДОЛЖНЫ оставаться наверху, несмотря ни на что, но сейчас я использую Google Chrome, поэтому многие параметры window.open не работают (alwaysRaised, resizable) и т. д. Я пытался изучить onBlur и focus, но пока ничего конкретного. Спасибо.
Как сделать так, чтобы всплывающее окно в React открывалось с помощью window.open и оставалось в ТОПе каждого другого окна?
12.01.2018
- Вы не можете заставить всплывающее окно браузера оставаться поверх других окон (это открыло бы множество возможностей для вредоносных скриптов). Почему вы хотите, чтобы всплывающее окно оставалось сверху? Связано: stackoverflow. ком/вопросы/13965584/ 13.01.2018
- Это часть функциональности, которую я воссоздаю на работе для более старой версии продукта, написанного на Java, что, я думаю, позволяло всплывающим окнам оставаться сверху. 13.01.2018
- Рассматривали ли вы вместо этого использование всплывающих окон на веб-сайте? Что-то вроде github.com/reactjs/react-modal может сработать. Просто невозможно заставить фактическое всплывающее окно оставаться на вершине в современных браузерах. Многие пользователи вообще блокируют всплывающие окна, так как они чаще всего используются в неправильных ситуациях или в злонамеренных целях. 13.01.2018
- Хм, я посмотрю, спасибо. Но модальные окна на самом деле не то, что я ищу здесь. Мне нужно иметь возможность открывать несколько окон при нескольких щелчках со страницы, а не ограничиваться просмотром только одного. Если я неправильно понимаю модальное? 13.01.2018
- Вы также должны взглянуть на порталы React. Я не уверен, что это даст именно то, что вы хотите, но может дать вам еще несколько вариантов для рассмотрения: reactjs .org/docs/portals.html 13.01.2018
- ты когда-нибудь это понял? Вы все еще ищете ответ, так как у меня точно такая же проблема. 23.08.2019
Новые материалы
Угловая структура архитектуры
Обратите внимание, что эта статья устарела, я решил создать новую с лучшей структурой и с учетом автономных компонентов: https://medium.com/@marekpanti/angular-standalone-architecture-b645edd0d54a..
«Данные, которые большинство людей используют для обучения своих моделей искусственного интеллекта, поставляются со встроенным…
Первоначально опубликовано HalkTalks: https://hacktown.com.br/blog/blog/os-dados-que-a-maioria-das-pessoas-usa-para-treinar-seus-modelos-de-inteligencia-artificial- ja-vem-com-um-vies-embutido/..
Сильный ИИ против слабого ИИ: различия парадигм искусственного интеллекта
В последние годы изучению и развитию искусственного интеллекта (ИИ) уделяется большое внимание и прогресс. Сильный ИИ и Слабый ИИ — две основные парадигмы в области искусственного интеллекта...
Правильный способ добавить Firebase в ваш проект React с помощью React Hooks
React + Firebase - это мощная комбинация для быстрого и безопасного создания приложений, от проверки концепции до массового производства. Раньше (знаете, несколько месяцев назад) добавление..
Создайте API с помощью Python FastAPI
Создание API с помощью Python становится очень простым при использовании пакета FastAPI. После установки и импорта вы можете создать приложение FastAPI и указать несколько конечных точек.
Каждой..
Веселье с прокси-сервером JavaScript
Прокси-серверы JavaScript — это чистый сахар, если вы хотите создать некоторую общую логику в своих приложениях, чтобы облегчить себе жизнь. Вот один пример:
Связь клиент-сервер
Мы..
Получить бесплатный хостинг для разработчиков | Разместите свой сайт за несколько шагов 🔥
Статические веб-сайты — это веб-страницы с фиксированным содержанием и его постоянным содержанием. Но теперь статические сайты также обрабатывают динамические данные с помощью API и запросов...