display: none !important injected in <img ng-src...>
angularjs, google-chrome-devtools
Solution
Turn off ad block.
I had an image named 'Advert.png', spent too much time to realize ad block was blocking it ¬¬.
Problem
I am trying to debug my AngularJS app where display:none is injected in tag as shown below: This is how the img tag should be displayed: ``` <img ng-src="{{clientImage}}" style="margin: 0 0 0 5px;" /> ``` This is what I get: ``` <img ng-src="{{clientImage}}" style="margin: 0 0 0 5px; display: none !important;" /> ``` Can someone please help me by suggesting how I can trace how the (display: none !important;) is injected? Also any thoughts on what could possibly be injecting this in my img tag? Notes: - This problem happens only on some browsers but not all browsers, actually I've tried reproducing the bug on same browser version but on two different machines but failed. - I am using Chrome latest version for testing