IE11 shows newly added element only after some random click
I have a realy confusing problem with IE 11.
I use AngularJS to fill an element and display the element afterwards.
It works perfectly in FireFox and Google Chrome. In IE11 it wouldn't show until I click somewhere. It doesn't matter where I click. It could be somewhere on the page itself or my windows taskbar or on my second monitor.
I don't get any javascript errors on the console. After the random click IE shows at first only blank HTML. The styling is applied a moment later.
EDIT:
My Porblem is super strange. I've never seen something like this bug. My Code is running perfectly. All elements are thier with right values at the right place. All CSS rules should be applied. The pagination shows only after a completly random click somewhere but this only happens in IE11. Every other browser works like a charm.
Have any body saw this before?
I've asked two ather web devellopers in my company and we did code reviews but can't find any bugs in the code.
We think it's an IE11 bug. But there seems to be no one that can confirm this.
javascript angularjs internet-explorer internet-explorer-11 ng-show
asked Nov 12 at 11:32
Giovanni Picante
12
add a comment |
I have a realy confusing problem with IE 11.
I use AngularJS to fill an element and display the element afterwards.
It works perfectly in FireFox and Google Chrome. In IE11 it wouldn't show until I click somewhere. It doesn't matter where I click. It could be somewhere on the page itself or my windows taskbar or on my second monitor.
I don't get any javascript errors on the console. After the random click IE shows at first only blank HTML. The styling is applied a moment later.
EDIT:
My Porblem is super strange. I've never seen something like this bug. My Code is running perfectly. All elements are thier with right values at the right place. All CSS rules should be applied. The pagination shows only after a completly random click somewhere but this only happens in IE11. Every other browser works like a charm.
Have any body saw this before?
I've asked two ather web devellopers in my company and we did code reviews but can't find any bugs in the code.
We think it's an IE11 bug. But there seems to be no one that can confirm this.
javascript angularjs internet-explorer internet-explorer-11 ng-show
asked Nov 12 at 11:32
Giovanni Picante
12
You should add a Minimal, Complete, and Verifiable example
– HerrSerker
Nov 12 at 11:50
Can't reproduce your problem, you should add a Minimal, Complete, and Verifiable example, so that we could test your code on our side, it might be easier for us to help you solve the problem. Besides, this is an example of how to implement pagination in AngularJS, you could refer to it.
– Zhi Lv - MSFT
Nov 16 at 1:19
add a comment |
I have a realy confusing problem with IE 11.
I use AngularJS to fill an element and display the element afterwards.
It works perfectly in FireFox and Google Chrome. In IE11 it wouldn't show until I click somewhere. It doesn't matter where I click. It could be somewhere on the page itself or my windows taskbar or on my second monitor.
I don't get any javascript errors on the console. After the random click IE shows at first only blank HTML. The styling is applied a moment later.
EDIT:
My Porblem is super strange. I've never seen something like this bug. My Code is running perfectly. All elements are thier with right values at the right place. All CSS rules should be applied. The pagination shows only after a completly random click somewhere but this only happens in IE11. Every other browser works like a charm.
Have any body saw this before?
I've asked two ather web devellopers in my company and we did code reviews but can't find any bugs in the code.
We think it's an IE11 bug. But there seems to be no one that can confirm this.
javascript angularjs internet-explorer internet-explorer-11 ng-show
asked Nov 12 at 11:32
Giovanni Picante
12
I have a realy confusing problem with IE 11.
I use AngularJS to fill an element and display the element afterwards.
It works perfectly in FireFox and Google Chrome. In IE11 it wouldn't show until I click somewhere. It doesn't matter where I click. It could be somewhere on the page itself or my windows taskbar or on my second monitor.
I don't get any javascript errors on the console. After the random click IE shows at first only blank HTML. The styling is applied a moment later.
EDIT:
My Porblem is super strange. I've never seen something like this bug. My Code is running perfectly. All elements are thier with right values at the right place. All CSS rules should be applied. The pagination shows only after a completly random click somewhere but this only happens in IE11. Every other browser works like a charm.
Have any body saw this before?
I've asked two ather web devellopers in my company and we did code reviews but can't find any bugs in the code.
We think it's an IE11 bug. But there seems to be no one that can confirm this.
javascript angularjs internet-explorer internet-explorer-11 ng-show
javascript angularjs internet-explorer internet-explorer-11 ng-show
asked Nov 12 at 11:32
Giovanni Picante
12
asked Nov 12 at 11:32
Giovanni Picante
12
edited Nov 19 at 10:00
asked Nov 12 at 11:32
Giovanni Picante
12
asked Nov 12 at 11:32
Giovanni Picante
12
asked Nov 12 at 11:32
Giovanni Picante
12
12
You should add a Minimal, Complete, and Verifiable example
– HerrSerker
Nov 12 at 11:50
Can't reproduce your problem, you should add a Minimal, Complete, and Verifiable example, so that we could test your code on our side, it might be easier for us to help you solve the problem. Besides, this is an example of how to implement pagination in AngularJS, you could refer to it.
– Zhi Lv - MSFT
Nov 16 at 1:19
add a comment |
You should add a Minimal, Complete, and Verifiable example
– HerrSerker
Nov 12 at 11:50
Can't reproduce your problem, you should add a Minimal, Complete, and Verifiable example, so that we could test your code on our side, it might be easier for us to help you solve the problem. Besides, this is an example of how to implement pagination in AngularJS, you could refer to it.
– Zhi Lv - MSFT
Nov 16 at 1:19
You should add a Minimal, Complete, and Verifiable example
– HerrSerker
Nov 12 at 11:50
You should add a Minimal, Complete, and Verifiable example
– HerrSerker
Nov 12 at 11:50
Can't reproduce your problem, you should add a Minimal, Complete, and Verifiable example, so that we could test your code on our side, it might be easier for us to help you solve the problem. Besides, this is an example of how to implement pagination in AngularJS, you could refer to it.
– Zhi Lv - MSFT
Nov 16 at 1:19
Can't reproduce your problem, you should add a Minimal, Complete, and Verifiable example, so that we could test your code on our side, it might be easier for us to help you solve the problem. Besides, this is an example of how to implement pagination in AngularJS, you could refer to it.
– Zhi Lv - MSFT
Nov 16 at 1:19
add a comment |
1 Answer
1
active
oldest
votes
Try using $scope.apply and surround your scope change statements with $scope.apply.
$scope.$on("showPaging", function()
$scope.apply(function()
$scope.showPaging = true;
);
The use of $scope.apply is not encouraged though.
answered Nov 12 at 12:46
Thangadurai
1,1771123
I've tried it but it also doesn't work.
– Giovanni Picante
Nov 12 at 13:04
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%2f53261284%2fie11-shows-newly-added-element-only-after-some-random-click%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
Try using $scope.apply and surround your scope change statements with $scope.apply.
$scope.$on("showPaging", function()
$scope.apply(function()
$scope.showPaging = true;
);
The use of $scope.apply is not encouraged though.
answered Nov 12 at 12:46
Thangadurai
1,1771123
I've tried it but it also doesn't work.
– Giovanni Picante
Nov 12 at 13:04
add a comment |
Try using $scope.apply and surround your scope change statements with $scope.apply.
$scope.$on("showPaging", function()
$scope.apply(function()
$scope.showPaging = true;
);
The use of $scope.apply is not encouraged though.
answered Nov 12 at 12:46
Thangadurai
1,1771123
I've tried it but it also doesn't work.
– Giovanni Picante
Nov 12 at 13:04
add a comment |
Try using $scope.apply and surround your scope change statements with $scope.apply.
$scope.$on("showPaging", function()
$scope.apply(function()
$scope.showPaging = true;
);
The use of $scope.apply is not encouraged though.
answered Nov 12 at 12:46
Thangadurai
1,1771123
Try using $scope.apply and surround your scope change statements with $scope.apply.
$scope.$on("showPaging", function()
$scope.apply(function()
$scope.showPaging = true;
);
The use of $scope.apply is not encouraged though.
answered Nov 12 at 12:46
Thangadurai
1,1771123
answered Nov 12 at 12:46
Thangadurai
1,1771123
answered Nov 12 at 12:46
Thangadurai
1,1771123
answered Nov 12 at 12:46
Thangadurai
1,1771123
1,1771123
I've tried it but it also doesn't work.
– Giovanni Picante
Nov 12 at 13:04
add a comment |
I've tried it but it also doesn't work.
– Giovanni Picante
Nov 12 at 13:04
I've tried it but it also doesn't work.
– Giovanni Picante
Nov 12 at 13:04
I've tried it but it also doesn't work.
– Giovanni Picante
Nov 12 at 13:04
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.
Some of your past answers have not been well-received, and you're in danger of being blocked from answering.
Please pay close attention to the following guidance:
- 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%2f53261284%2fie11-shows-newly-added-element-only-after-some-random-click%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
You should add a Minimal, Complete, and Verifiable example
– HerrSerker
Nov 12 at 11:50
Can't reproduce your problem, you should add a Minimal, Complete, and Verifiable example, so that we could test your code on our side, it might be easier for us to help you solve the problem. Besides, this is an example of how to implement pagination in AngularJS, you could refer to it.
– Zhi Lv - MSFT
Nov 16 at 1:19