1505709 - Strange Display of angular-ui-bootstrap 2.5.6 Modal component

Status: UNCONFIRMED

(Core :: Graphics, defect, P5)

Description

[thibault]

Attachment: Capture of the display glitch

User Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/70.0.3538.77 Safari/537.36

Steps to reproduce:

Using following dependencies :
- angularjs: 1.7.5
- bootstrap-sass: 3.3.7
- angular-ui-bootstrap: 2.5.6
Opening a "ui.bootstrap.modal" instance (see https://github.com/angular-ui/bootstrap/tree/master/src/modal)


Actual results:

Horrible display glitch after modal opening (see capture in attachment : "angular-ui-bootstrap_display_glitch.png", inside red square).


Expected results:

No glitch.

Comment 1

[Alice0775 White]

@thibault,

Can you please provide a minimal test case or public URL to reproduce the issue?
And, please attach a results of about:support  (Help > Troubleshooting Information)?

Comment 2

[thibault]

Attachment: about-support.txt

Comment 3

[thibault]

@Alice0775 White

Here is the javascript code for opening the component "ui.bootstrap.modal" :

$uibModal.open({
	animation: false,
	templateUrl: 'app/modules/updateEquilibres/modals/modal-update-equilibres.template.html',
	controller: 'ModifyEquilibresController',
	controllerAs: 'modifyEquilibresCtrl',
	backdrop: 'static',
	size: 'lg',
	resolve: {
		courseLieuId: function () {
			return courseLieuId;
		}
	}
});

The app is not a public app, I can't give you an URL to test it.
But this is a jsfiddle with the same procedure : http://jsfiddle.net/awolf2904/cvfz3vwL/

Find in attachment the "about:support" extract.

Thank you.

Comment 4

[Alice0775 White]

> Description: Intel(R) HD Graphics 620
> ID du vendeur: 0x8086
> ID du périphérique: 0x5916
> Version du pilote: 21.20.16.4627
> Date du pilote: 3-9-2017

It seems out of date. Can you update the driver?

Comment 5

[thibault]

I updated the driver with the last official release :

Description: Intel(R) HD Graphics 620
ID du vendeur: 0x8086
ID du périphérique: 0x5916
Version du pilote: 25.20.100.6373
Date du pilote: 10-31-2018 

But the glitch is still here ...

With version 62.0.5 of Firefox it was working like a charm, this problem occurs since I updated Firefox to 63.0.1 yesterday.

Comment 6

[Matthias Versen [:Matti]]

I can't reproduce the bug seen in your screenshot when I load your testcase with Firefox63 on windows10 with a Nvidia970GTX.

Does it work if you disable the graphic hardware acceleration in "Firefox:Menu button/options/general/Performance/[ ]Use recomm../[ ]Use hardware acceleration when available " ?