uptonic/safari_placeholder_fix.html Secret

## safari_placeholder_fix.html
<!DOCTYPE html>
<html>
<head>
  <title>Input Placeholder Test</title>
</head>

<body>
  <script type="text/javascript">
    // Proposed fix toggles readOnly state of generated input
    // Ensures placeholder is properly removed after setting input.value
    (function() {
      var prototype = HTMLInputElement.prototype;
      var descriptor = Object.getOwnPropertyDescriptor(prototype, "value");

      if (descriptor) {
        Object.defineProperty(prototype, "value", Object.assign({}, descriptor, {
          set: function() {
            var readOnly = this.readOnly
            this.readOnly = !readOnly
            var result = descriptor.set.apply(this, arguments)
            this.readOnly = readOnly
            return result
          }
        }));
      }
    })();

    // Test case:
    // 1) Generate a new <input>
    // 2) Give <input> a placeholder attribute
    // 3) Append to <body>
    // 4) Set the value of the <input>

    var input = document.createElement("input");
    input.type = "text";
    input.placeholder = "Due date";
    document.body.appendChild(input);

    setTimeout(function(){
      input.value = "January 4, 2017";
    }, 1000);
  </script>
</body>
	<!DOCTYPE html>
	<html>
	<head>
	<title>Input Placeholder Test</title>
	</head>

	<body>
	<script type="text/javascript">
	// Proposed fix toggles readOnly state of generated input
	// Ensures placeholder is properly removed after setting input.value
	(function() {
	var prototype = HTMLInputElement.prototype;
	var descriptor = Object.getOwnPropertyDescriptor(prototype, "value");

	if (descriptor) {
	Object.defineProperty(prototype, "value", Object.assign({}, descriptor, {
	set: function() {
	var readOnly = this.readOnly
	this.readOnly = !readOnly
	var result = descriptor.set.apply(this, arguments)
	this.readOnly = readOnly
	return result
	}
	}));
	}
	})();

	// Test case:
	// 1) Generate a new <input>
	// 2) Give <input> a placeholder attribute
	// 3) Append to <body>
	// 4) Set the value of the <input>

	var input = document.createElement("input");
	input.type = "text";
	input.placeholder = "Due date";
	document.body.appendChild(input);

	setTimeout(function(){
	input.value = "January 4, 2017";
	}, 1000);
	</script>
	</body>