DevTools: cleanup text input styles

third_party/WebKit/Source/devtools/front_end/emulation/SensorsView.js

 // Copyright (c) 2015 The Chromium Authors. All rights reserved.
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 /**
  * @unrestricted
  */
 Emulation.SensorsView = class extends UI.VBox {
   constructor() {
     super(true);
     this.registerRequiredCSS('emulation/sensors.css');
@@ skipping 59 matching lines @@
 
     // Validated input fieldset.
     this._fieldsetElement = fields.createChild('fieldset');
     this._fieldsetElement.disabled = !this._geolocationOverrideEnabled;
     this._fieldsetElement.id = 'geolocation-override-section';
 
     var latitudeGroup = this._fieldsetElement.createChild('div', 'latlong-group');
     var longitudeGroup = this._fieldsetElement.createChild('div', 'latlong-group');
 
     this._latitudeInput = latitudeGroup.createChild('input');
+    this._latitudeInput.setAttribute('step', 'any');
     this._latitudeInput.setAttribute('type', 'number');
     this._latitudeInput.value = 0;
     this._latitudeSetter = UI.bindInput(
         this._latitudeInput, this._applyGeolocationUserInput.bind(this),
         SDK.EmulationModel.Geolocation.latitudeValidator, true);
     this._latitudeSetter(String(geolocation.latitude));
 
     this._longitudeInput = longitudeGroup.createChild('input');
+    this._longitudeInput.setAttribute('step', 'any');

[luoe, 2017/05/26 23:41:04]

Without this, appropriate decimal values will invalidate the input, and
':invalid' will apply.

     this._longitudeInput.setAttribute('type', 'number');
     this._longitudeInput.value = 0;
     this._longitudeSetter = UI.bindInput(
         this._longitudeInput, this._applyGeolocationUserInput.bind(this),
         SDK.EmulationModel.Geolocation.longitudeValidator, true);
     this._longitudeSetter(String(geolocation.longitude));
 
     latitudeGroup.createChild('div', 'latlong-title').textContent = Common.UIString('Latitude');
     longitudeGroup.createChild('div', 'latlong-title').textContent = Common.UIString('Longitude');
   }
@@ skipping 206 matching lines @@
   /**
    * @param {!SDK.EmulationModel.DeviceOrientation} deviceOrientation
    * @return {!Element}
    */
   _createDeviceOrientationOverrideElement(deviceOrientation) {
     var fieldsetElement = createElement('fieldset');
     fieldsetElement.classList.add('device-orientation-override-section');
     var cellElement = fieldsetElement.createChild('td', 'orientation-inputs-cell');
 
     this._alphaElement = createElement('input');
+    this._alphaElement.setAttribute('step', 'any');
     this._alphaSetter = this._createAxisInput(cellElement, this._alphaElement, Common.UIString('\u03B1 (alpha)'));
     this._alphaSetter(String(deviceOrientation.alpha));
 
     this._betaElement = createElement('input');
+    this._betaElement.setAttribute('step', 'any');
     this._betaSetter = this._createAxisInput(cellElement, this._betaElement, Common.UIString('\u03B2 (beta)'));
     this._betaSetter(String(deviceOrientation.beta));
 
     this._gammaElement = createElement('input');
+    this._gammaElement.setAttribute('step', 'any');
     this._gammaSetter = this._createAxisInput(cellElement, this._gammaElement, Common.UIString('\u03B3 (gamma)'));
     this._gammaSetter(String(deviceOrientation.gamma));
 
     cellElement.appendChild(UI.createTextButton(
         Common.UIString('Reset'), this._resetDeviceOrientation.bind(this), 'orientation-reset-button'));
     return fieldsetElement;
   }
 
   /**
    * @param {!SDK.EmulationModel.DeviceOrientation} deviceOrientation
@@ skipping 165 matching lines @@
    * @param {string} actionId
    * @return {boolean}
    */
   handleAction(context, actionId) {
     UI.viewManager.showView('sensors');
     return true;
   }
 };
 
 Emulation.SensorsView.ShiftDragOrientationSpeed = 16;