Javascript alert locks up page on IOS Chrome after using a file inputJavaScript that executes after page loadHow do I include a JavaScript file in another JavaScript file?Scroll to the top of the page using JavaScript/jQuery?Removing input background colour for Chrome autocomplete?How to remove border (outline) around text/input boxes? (Chrome)How to reload a page using JavaScriptHow to set a JavaScript breakpoint from code in Chrome?Show alert from Chrome Extension “options_ui” pageChrome doesn't display Javascript alert boxChrome rises autofill input event after clicking the page only
Add text to same line using sed
Why can't I see bouncing of a switch on an oscilloscope?
Has there ever been an airliner design involving reducing generator load by installing solar panels?
Paid for article while in US on F-1 visa?
meaning of に in 本当に?
Why is consensus so controversial in Britain?
LaTeX: Why are digits allowed in environments, but forbidden in commands?
How much RAM could one put in a typical 80386 setup?
Doing something right before you need it - expression for this?
Important Resources for Dark Age Civilizations?
How does quantile regression compare to logistic regression with the variable split at the quantile?
Is it unprofessional to ask if a job posting on GlassDoor is real?
Roll the carpet
Can you really stack all of this on an Opportunity Attack?
Perform and show arithmetic with LuaLaTeX
How can I make my BBEG immortal short of making them a Lich or Vampire?
Intersection point of 2 lines defined by 2 points each
A newer friend of my brother's gave him a load of baseball cards that are supposedly extremely valuable. Is this a scam?
dbcc cleantable batch size explanation
How is it possible to have an ability score that is less than 3?
Why is Minecraft giving an OpenGL error?
Are the number of citations and number of published articles the most important criteria for a tenure promotion?
LWC SFDX source push error TypeError: LWC1009: decl.moveTo is not a function
Replacing matching entries in one column of a file by another column from a different file
Javascript alert locks up page on IOS Chrome after using a file input
JavaScript that executes after page loadHow do I include a JavaScript file in another JavaScript file?Scroll to the top of the page using JavaScript/jQuery?Removing input background colour for Chrome autocomplete?How to remove border (outline) around text/input boxes? (Chrome)How to reload a page using JavaScriptHow to set a JavaScript breakpoint from code in Chrome?Show alert from Chrome Extension “options_ui” pageChrome doesn't display Javascript alert boxChrome rises autofill input event after clicking the page only
.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty height:90px;width:728px;box-sizing:border-box;
Is this a problem with Chrome or something that I'm doing wrong? I noticed that if I use a file input element to get the file browser/camera prompt to show, then follow it up with something that would cause an alert message, it locks up the entire page forcing me to kill the app to make things work again. Here's a simple jsfiddle that shows the problem:
https://jsfiddle.net/etc4bxpq/
HTML:
<input type="file">
<button id="btn">Click me</button>
JS:
document.querySelector('#btn').addEventListener('click', event =>
alert(1);
);
Tap on the file input, then tap on the Click Me button. The alert won't fire and the page will lock up. It seems to only happen with Chrome on IOS. Safari seems to work just fine.
javascript ios google-chrome
add a comment |
Is this a problem with Chrome or something that I'm doing wrong? I noticed that if I use a file input element to get the file browser/camera prompt to show, then follow it up with something that would cause an alert message, it locks up the entire page forcing me to kill the app to make things work again. Here's a simple jsfiddle that shows the problem:
https://jsfiddle.net/etc4bxpq/
HTML:
<input type="file">
<button id="btn">Click me</button>
JS:
document.querySelector('#btn').addEventListener('click', event =>
alert(1);
);
Tap on the file input, then tap on the Click Me button. The alert won't fire and the page will lock up. It seems to only happen with Chrome on IOS. Safari seems to work just fine.
javascript ios google-chrome
Have you tried with the old ES5 format?
– Davide Vitali
Mar 8 at 1:56
Yes, it doesn't seem to matter. Attempting to trigger the alert locks up the browser
– georaldc
Mar 8 at 2:18
Uhm, seems like a iOS bug!
– Davide Vitali
Mar 8 at 5:17
add a comment |
Is this a problem with Chrome or something that I'm doing wrong? I noticed that if I use a file input element to get the file browser/camera prompt to show, then follow it up with something that would cause an alert message, it locks up the entire page forcing me to kill the app to make things work again. Here's a simple jsfiddle that shows the problem:
https://jsfiddle.net/etc4bxpq/
HTML:
<input type="file">
<button id="btn">Click me</button>
JS:
document.querySelector('#btn').addEventListener('click', event =>
alert(1);
);
Tap on the file input, then tap on the Click Me button. The alert won't fire and the page will lock up. It seems to only happen with Chrome on IOS. Safari seems to work just fine.
javascript ios google-chrome
Is this a problem with Chrome or something that I'm doing wrong? I noticed that if I use a file input element to get the file browser/camera prompt to show, then follow it up with something that would cause an alert message, it locks up the entire page forcing me to kill the app to make things work again. Here's a simple jsfiddle that shows the problem:
https://jsfiddle.net/etc4bxpq/
HTML:
<input type="file">
<button id="btn">Click me</button>
JS:
document.querySelector('#btn').addEventListener('click', event =>
alert(1);
);
Tap on the file input, then tap on the Click Me button. The alert won't fire and the page will lock up. It seems to only happen with Chrome on IOS. Safari seems to work just fine.
javascript ios google-chrome
javascript ios google-chrome
asked Mar 8 at 1:43
georaldcgeoraldc
1,3861219
1,3861219
Have you tried with the old ES5 format?
– Davide Vitali
Mar 8 at 1:56
Yes, it doesn't seem to matter. Attempting to trigger the alert locks up the browser
– georaldc
Mar 8 at 2:18
Uhm, seems like a iOS bug!
– Davide Vitali
Mar 8 at 5:17
add a comment |
Have you tried with the old ES5 format?
– Davide Vitali
Mar 8 at 1:56
Yes, it doesn't seem to matter. Attempting to trigger the alert locks up the browser
– georaldc
Mar 8 at 2:18
Uhm, seems like a iOS bug!
– Davide Vitali
Mar 8 at 5:17
Have you tried with the old ES5 format?
– Davide Vitali
Mar 8 at 1:56
Have you tried with the old ES5 format?
– Davide Vitali
Mar 8 at 1:56
Yes, it doesn't seem to matter. Attempting to trigger the alert locks up the browser
– georaldc
Mar 8 at 2:18
Yes, it doesn't seem to matter. Attempting to trigger the alert locks up the browser
– georaldc
Mar 8 at 2:18
Uhm, seems like a iOS bug!
– Davide Vitali
Mar 8 at 5:17
Uhm, seems like a iOS bug!
– Davide Vitali
Mar 8 at 5:17
add a comment |
1 Answer
1
active
oldest
votes
Having same error with same conditions. I tried wrapping my alerts and prompts with setTimeout function as suggested by some but it did not work for me, tried putting input in another page and calling it inside iframe, also did not works for me. The only solution works for me is using alert modals instead native javascript alert and prompt function. Also if you open chrome settings menu and close it, script continues it's execution which is very strange.
So far, modals have also become the solution I have come up with, but I still would like to know why native alerts cause issues (unless it actually is a bug with ios browsers).
– georaldc
5 hours ago
add a comment |
Your Answer
StackExchange.ifUsing("editor", function ()
StackExchange.using("externalEditor", function ()
StackExchange.using("snippets", function ()
StackExchange.snippets.init();
);
);
, "code-snippets");
StackExchange.ready(function()
var channelOptions =
tags: "".split(" "),
id: "1"
;
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function()
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled)
StackExchange.using("snippets", function()
createEditor();
);
else
createEditor();
);
function createEditor()
StackExchange.prepareEditor(
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader:
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
,
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
);
);
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f55055562%2fjavascript-alert-locks-up-page-on-ios-chrome-after-using-a-file-input%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
1 Answer
1
active
oldest
votes
1 Answer
1
active
oldest
votes
active
oldest
votes
active
oldest
votes
Having same error with same conditions. I tried wrapping my alerts and prompts with setTimeout function as suggested by some but it did not work for me, tried putting input in another page and calling it inside iframe, also did not works for me. The only solution works for me is using alert modals instead native javascript alert and prompt function. Also if you open chrome settings menu and close it, script continues it's execution which is very strange.
So far, modals have also become the solution I have come up with, but I still would like to know why native alerts cause issues (unless it actually is a bug with ios browsers).
– georaldc
5 hours ago
add a comment |
Having same error with same conditions. I tried wrapping my alerts and prompts with setTimeout function as suggested by some but it did not work for me, tried putting input in another page and calling it inside iframe, also did not works for me. The only solution works for me is using alert modals instead native javascript alert and prompt function. Also if you open chrome settings menu and close it, script continues it's execution which is very strange.
So far, modals have also become the solution I have come up with, but I still would like to know why native alerts cause issues (unless it actually is a bug with ios browsers).
– georaldc
5 hours ago
add a comment |
Having same error with same conditions. I tried wrapping my alerts and prompts with setTimeout function as suggested by some but it did not work for me, tried putting input in another page and calling it inside iframe, also did not works for me. The only solution works for me is using alert modals instead native javascript alert and prompt function. Also if you open chrome settings menu and close it, script continues it's execution which is very strange.
Having same error with same conditions. I tried wrapping my alerts and prompts with setTimeout function as suggested by some but it did not work for me, tried putting input in another page and calling it inside iframe, also did not works for me. The only solution works for me is using alert modals instead native javascript alert and prompt function. Also if you open chrome settings menu and close it, script continues it's execution which is very strange.
answered Mar 26 at 13:47
bugrasitemkarbugrasitemkar
131317
131317
So far, modals have also become the solution I have come up with, but I still would like to know why native alerts cause issues (unless it actually is a bug with ios browsers).
– georaldc
5 hours ago
add a comment |
So far, modals have also become the solution I have come up with, but I still would like to know why native alerts cause issues (unless it actually is a bug with ios browsers).
– georaldc
5 hours ago
So far, modals have also become the solution I have come up with, but I still would like to know why native alerts cause issues (unless it actually is a bug with ios browsers).
– georaldc
5 hours ago
So far, modals have also become the solution I have come up with, but I still would like to know why native alerts cause issues (unless it actually is a bug with ios browsers).
– georaldc
5 hours ago
add a comment |
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f55055562%2fjavascript-alert-locks-up-page-on-ios-chrome-after-using-a-file-input%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Have you tried with the old ES5 format?
– Davide Vitali
Mar 8 at 1:56
Yes, it doesn't seem to matter. Attempting to trigger the alert locks up the browser
– georaldc
Mar 8 at 2:18
Uhm, seems like a iOS bug!
– Davide Vitali
Mar 8 at 5:17