浏览代码

Add fake selection indicator to the inline widget manual test.

Maciej Gołaszewski 6 年之前
父节点
当前提交
0d3999ac23

+ 16 - 0
packages/ckeditor5-widget/tests/manual/inline-widget.html

@@ -25,4 +25,20 @@
 	placeholder:after{
 		content: '}'
 	}
+
+	/* This will show box when the fake selection is active. */
+	.ck.ck-content div[style*="left: -9999px;"]:before {
+		background: hsla(9,100%,56%,.3);
+		border: 1px dotted hsl(15, 100%, 43%);
+		color: #333;
+		content: 'fake selection set';
+		display: block;
+		height: 20px;
+		left: calc(50% - 60px);
+		line-height: 20px;
+		padding: 2px 5px;
+		position: fixed;
+		top: 5px;
+		z-index: 1;
+	}
 </style>

+ 3 - 0
packages/ckeditor5-widget/tests/manual/inline-widget.md

@@ -4,3 +4,6 @@
 * Select text before/after widget and expand selection beyond widget. The widget should be selected and selection expanded beyond it on further expanding.
 * The inline-widget should work in nested editable widget (table).
 * Use "insert placeholder" toolbar button to insert inline widget.
+* Selected inline widget should have
+    * widget border (blue)
+    * activate fake selection - the "fake selection" element will be shown above the editor