From 7cf6e1d5a8e023fae67fc26676d355af7e2a480b Mon Sep 17 00:00:00 2001
From: vilicvane <i@vilic.info>
Date: Thu, 22 Mar 2018 04:48:49 +0800
Subject: [PATCH] Handle readOnly inside contentEditable check list (#1689)

---
 examples/check-lists/index.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/examples/check-lists/index.js b/examples/check-lists/index.js
index bd607d80f..f81c62511 100644
--- a/examples/check-lists/index.js
+++ b/examples/check-lists/index.js
@@ -31,7 +31,7 @@ class CheckListItem extends React.Component {
    */
 
   render() {
-    const { attributes, children, node } = this.props
+    const { attributes, children, node, readOnly } = this.props
     const checked = node.data.get('checked')
     return (
       <div
@@ -42,7 +42,7 @@ class CheckListItem extends React.Component {
         <span>
           <input type="checkbox" checked={checked} onChange={this.onChange} />
         </span>
-        <span contentEditable suppressContentEditableWarning>
+        <span contentEditable={!readOnly} suppressContentEditableWarning>
           {children}
         </span>
       </div>