Issue 526 - Copy/paste does not work in certain situations

CHANGELOG.md

@@ -2,6 +2,10 @@
 All notable changes to this project will be documented in this file.
 This project adheres to [Semantic Versioning](http://semver.org/).
 
+## [Unreleased]
+### Fixed
+- [#728](https://github.com/plotly/dash-table/pull/728) Fix copy/paste on readonly cells
+
 ## [4.6.2] - 2020-04-01
 ### Changed
 - [#713](https://github.com/plotly/dash-table/pull/713) Update from React 16.8.6 to 16.13.0

src/dash-table/components/CellLabel/index.tsx

@@ -44,6 +44,7 @@ export default class CellLabel extends PureComponent<IProps> {
         const el = this.refs.el as HTMLDivElement;
 
         if (applyFocus && el && document.activeElement !== el) {
+            window.getSelection()?.selectAllChildren(el);
             el.focus();
         }
     }

src/dash-table/components/Table/Table.less

@@ -173,10 +173,10 @@
 	    &::placeholder {
 		color: black;
 	    }
-	    
+
 	    &:focus {
 		outline: none;
-		
+
 		&::placeholder {
 		    opacity: 0;
 		}
@@ -193,7 +193,7 @@
 
 	    &:hover {
 		color: hotpink;
-		
+
 		&:disabled {
 		    color: graytext
 		}
@@ -204,7 +204,7 @@
 	    }
 	}
     }
-    
+
     .dash-spreadsheet-container {
 	.reset-css();
 	display: flex;
@@ -365,20 +365,22 @@
 		}
 
 		.dash-cell-value {
-                    height: 100%;
-                    width: 100%;
+            height: 100%;
+            width: 100%;
+
+            &.unfocused::selection {
+			    background-color: transparent;
+            }
+
+            &.unfocused {
+			    caret-color: transparent;
+            }
 		}
 
 		input.dash-cell-value {
                     position: absolute;
                     left: 0;
                     top: 0;
-                    &.unfocused::selection {
-			background-color: transparent;
-                    }
-                    &.unfocused {
-			caret-color: transparent;
-                    }
 		}
 
 		.cell-value-shadow {