“cannot get automation extension” error with chrome version: 57.0.2987.98

Issue chrome version : 57.0.2987.98 m (64-bit) “protractor”: “4.0.11”, “protractor-console-plugin”: “0.1.1”, “protractor-jasmine2-html-reporter”: “0.0.6”, “protractor-notify-plugin”: “1.0.0”, protractor failed to launch chrome with the following error: unknown error: page could not be found: chrome-extension://aapnijgdinlhnhlmodcfapnahmbfebeb/_generated_background_page.html (Session info: chrome=57.0.2987.98) (Driver info: chromedriver=2.26.436362 (5476ec6bf7ccbada1734a0cdec7d570bb042aa30),platform=Windows NT

Continue reading

Restangular Requests not showing in (Chrome) Network Tab

Issue When using Restangular with the following configuration, I can’t see the requests inside the “Network” tab of any browser (Chrome, Safari, Firefox). Using $http directly works fine though. app.config(function(RestangularProvider) { RestangularProvider.setBaseUrl(‘/api/v1’); }); On the demo site however (http://plnkr.co/edit/d6yDka?p=preview), all

Continue reading

@font-face not working on chrome but works on other browsers

Issue I want one simple thing…my font to work on chrome. @font-face{ font-family: "Iosevka"; src: url("http://www.some_url/iosevka-regular.woff2") format(woff2), url(‘http://www.some_url/iosevka-regular.otf’) format(opentype), url(‘http://www.some_url/iosevka-regular.ttf’) format(truetype); url(‘http://www.some_url/iosevka-regular.eot) format(embedded-opentype); } This works on safari and firefox but not chrome. I am not exactly sure why I

Continue reading

Why JavaScript console prints inconsistent value?

Issue <body> <div id=”wrap”> <input type=”button” id=”btn” onclick=”alpha” value=”ccc”> </div> <script> console.log(btn.attributes.getNamedItem(“onclick”)) ; console.log(btn.attributes.getNamedItem(“onclick”).value) ; btn.attributes.getNamedItem(“onclick”).value = “beta()”; function beta(){ alert(`alpha changed to beta`); } </script> </body> About console.log(btn.attributes.getNamedItem("onclick")); This line prints onclick="beta()", console.log(btn.attributes.getNamedItem("onclick").value); This line prints alpha Above two

Continue reading

React doesn't render autocomplete off

Issue How do I make react render it? <input id={field.name} className=”form-control” type=”text” placeholder={field.name} autocomplete=”off” {…field}/> Solution Capital "C" autoComplete. This is mentioned in the React documentation: https://reactjs.org/docs/dom-elements.html#all-supported-html-attributes Answered By – azium Answer Checked By – Terry (AngularFixing Volunteer)

Continue reading

Chrome unused preload warning for an icon font that is used

Issue I have an icon font that I preload in Chrome with <link rel=”preload” as=”font” type=”font/ttf” href=”/static/media/IconFont.ad47b1fb.ttf” crossorigin=”anonymous”> and reference later in my CSS with @font-face { font-family: “IconFont”; src: url(/static/media/IconFont.d9fff078.eot); src: url(/static/media/IconFont.d9fff078.eot#iefix) format(“embedded-opentype”), url(/static/media/IconFont.ad47b1fb.ttf) format(“truetype”), url(/static/media/IconFont.c8a8e064.woff) format(“woff”), url(/static/media/IconFont.979fb19e.svg#IconFont) format(“svg”);

Continue reading

page-break-after does not work in Chrome

Issue I have a problem with page-break-after in Google Chrome during printing. It seems that it’s not working. I tried Firefox and it’s ok there. My code is: <div style=”position: relative; display: block;”> <div style=”display: block; page-break-after: always; position: relative;”>Page

Continue reading

Google Chrome autofill background color change?

Issue I’m trying to get the autofill background color on my inputs changed. The accepted answers online seem to be something along the lines of: Removing input background colour for Chrome autocomplete? input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active, input:-internal-autofill-selected, input:-internal-autofill-previewed { background-color:

Continue reading

Google Chrome assigns a text field as a password field

Issue I have a basic text field but Google Chrome assigns it as a password field. <form [formGroup]="formBuilder"> <p> <mat-form-field appearance="fill"> <mat-label>Title</mat-label> <input matInput placeholder="Type a title" formControlName="title"> </mat-form-field> </p> <p> <mat-form-field appearance="fill"> <mat-label>Description</mat-label> <textarea matInput></textarea> </mat-form-field> </p> <p> <mat-form-field

Continue reading

React doesn't render autocomplete off

Issue How do I make react render it? <input id={field.name} className=”form-control” type=”text” placeholder={field.name} autocomplete=”off” {…field}/> Solution Capital "C" autoComplete. This is mentioned in the React documentation: https://reactjs.org/docs/dom-elements.html#all-supported-html-attributes Answered By – azium Answer Checked By – Clifford M. (AngularFixing Volunteer)

Continue reading

Google Chrome autofill background color change?

Issue I’m trying to get the autofill background color on my inputs changed. The accepted answers online seem to be something along the lines of: Removing input background colour for Chrome autocomplete? input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active, input:-internal-autofill-selected, input:-internal-autofill-previewed { background-color:

Continue reading