casperjs · n1k0 · Sep 12, 2013 · Sep 12, 2013 · Sep 12, 2013
diff --git a/docs/modules/casper.rst b/docs/modules/casper.rst
@@ -1459,6 +1459,8 @@ Sends native keyboard events to the element matching the provided :doc:`selector
 
 .. versionadded:: 1.1
 
+The currently supported HTMLElements that can receive keyboard events from ``sendKeys`` are ``<input>``, ``<textarea>``, and any HTMLElement with attribute ``contenteditable="true"``.
+
 Options
 ~~~~~~~
 

diff --git a/modules/casper.js b/modules/casper.js
@@ -1554,8 +1554,12 @@ Casper.prototype.sendKeys = function(selector, keys, options) {
         supported = ["color", "date", "datetime", "datetime-local", "email",
                      "hidden", "month", "number", "password", "range", "search",
                      "tel", "text", "time", "url", "week"],
-        isTextInput = false;
-    if (tag === 'textarea' || (tag === 'input' && (typeof type === 'undefined' || supported.indexOf(type) !== -1))) {
+        isTextInput = false,
+        isTextArea = tag === 'textarea',
+        isValidInput = tag === 'input' && (typeof type === 'undefined' || supported.indexOf(type) !== -1),
+        isContentEditable = !!elemInfos.attributes.contenteditable;
+
+    if (isTextArea || isValidInput || isContentEditable) {
         // clicking on the input element brings it focus
         isTextInput = true;
         this.click(selector);

diff --git a/tests/site/elementattribute.html b/tests/site/elementattribute.html
@@ -3,5 +3,6 @@
     <body>
         <div class="tester testo testme" data-stuff="beautiful string"></div>
         <div class="tester testo testme" data-stuff="not as beautiful string"></div>
+        <div id="content-editable-div" contenteditable="true"></div>
     </body>
 </html>
diff --git a/tests/site/form.html b/tests/site/form.html
@@ -27,6 +27,7 @@
         <form id="no-type-test-form" action="#" enctype="multipart/form-data">
             <input name="notype">
         <form>
+
         <script>
             (function () {
                 'use strict';

diff --git a/tests/suites/casper/keys.js b/tests/suites/casper/keys.js
@@ -20,7 +20,17 @@ casper.test.begin('sendKeys() tests', 4, function(test) {
         values = this.getFormValues('form#no-type-test-form');
         test.assertEquals(values.notype, "I have no type.",
             'Casper.sendKeys() sends keys to given input without type attribute');
+    }).run(function() {
+        test.done();
+    });
+});
 
+casper.test.begin('sendKeys() works on content-editable elements', function(test) {
+    casper.start('tests/site/elementattribute.html', function() {
+        this.click('#content-editable-div');
+        this.sendKeys('#content-editable-div', 'A Clockwork Orange');
+    }).then(function() {
+        test.assertSelectorHasText('#content-editable-div','A Clockwork Orange');
     }).run(function() {
         test.done();
     });
-Original file line number
+Diff line change
@@ Expand Up @@
     .. versionadded:: 1.1
+    The currently supported HTMLElements that can receive keyboard events from ``sendKeys`` are ``<input>``, ``<textarea>``, and any HTMLElement with attribute ``contenteditable="true"``.
     Options
     ~~~~~~~
@@ Expand Down @@