Use element.getBoundingClientRect() to convert units to pixels

CHANGES.md

@@ -5,6 +5,10 @@ CKEditor 4 Changelog
 
 ## CKEditor 4.17.3 [IN DEVELOPMENT]
 
+Fixed issues:
+
+* [#5097](/~https://github.com/ckeditor/ckeditor4/issues/5097): [Chrome] Fixed: Incorrect conversion of points to pixels while using [`CKEDITOR.tools.convertToPx()`](https://ckeditor.com/docs/ckeditor4/latest/api/CKEDITOR_tools.html#method-convertToPx).
+
 Other changes:
 
 * [#5087](/~https://github.com/ckeditor/ckeditor4/issues/5087): Deprecated jQuery API calls in jQuery adapter were replaced by undeprecated ones. Thanks to [Fran Boon](/~https://github.com/flavour)!

core/tools.js

@@ -971,7 +971,8 @@
 		 * @returns {Number/String} A number representing the length in pixels or a string with a percentage value.
 		 */
 		convertToPx: ( function() {
-			var calculator;
+			var calculator,
+				boundingClientRect;
 
 			return function( cssLength ) {
 				if ( !calculator ) {
@@ -990,7 +991,9 @@
 					}
 
 					calculator.setStyle( 'width', cssLength );
-					ret = calculator.$.clientWidth;
+					boundingClientRect = calculator.getClientRect();
+
+					ret = Math.round( boundingClientRect.width );
 
 					if ( isNegative ) {
 						return -ret;

tests/plugins/pastefromword/manual/tableborders.html

@@ -0,0 +1,9 @@
+<div id="editor"></div>
+
+<script>
+	if ( !CKEDITOR.env.chrome ) {
+		bender.ignore();
+	}
+
+	CKEDITOR.replace( 'editor' );
+</script>

tests/plugins/pastefromword/manual/tableborders.md

@@ -0,0 +1,12 @@
+@bender-tags: bug, 5097
+@bender-ui: collapsed
+@bender-ckeditor-plugins: wysiwygarea, toolbar, undo, basicstyles, pastefromword, sourcearea, elementspath, table
+
+1. Paste a table from the [linked MS Word document](_assets/table_border.docx).
+2. Open source area to verify table borders style.
+
+## Expected
+Table borders have 1px width.
+
+## Unexpected
+Table borders have 2px width.