Web Inspector: [Styles] Cannot visually set caret before the first CSS property name...

https://bugs.webkit.org/show_bug.cgi?id=89869

Reviewed by Vsevolod Vlasov.

The issue was due to the "editbox" SPAN having a negative margin, thus the leftmost caret position was getting clipped
by a synthetic SPAN container added by the TextPrompt.

* inspector/front-end/elementsPanel.css:
(.styles-section .properties > li.child-editing .webkit-css-property):
(.styles-section .properties li.child-editing):

git-svn-id: http://svn.webkit.org/repository/webkit/trunk@121150 268f45cc-cd09-0410-ab3c-d52691b4dbfc

diff --git a/Source/WebCore/ChangeLog b/Source/WebCore/ChangeLog
index d139eec..20c150f 100644 (file)
--- a/Source/WebCore/ChangeLog
+++ b/Source/WebCore/ChangeLog
@@ -1,3 +1,17 @@
+2012-06-25  Alexander Pavlov  <apavlov@chromium.org>
+
+        Web Inspector: [Styles] Cannot visually set caret before the first CSS property name character
+        https://bugs.webkit.org/show_bug.cgi?id=89869
+
+        Reviewed by Vsevolod Vlasov.
+
+        The issue was due to the "editbox" SPAN having a negative margin, thus the leftmost caret position was getting clipped
+        by a synthetic SPAN container added by the TextPrompt.
+
+        * inspector/front-end/elementsPanel.css:
+        (.styles-section .properties > li.child-editing .webkit-css-property):
+        (.styles-section .properties li.child-editing):
+
 2012-06-25  Arko Saha  <arko@motorola.com>
 
         Microdata: document.getItems(typeNames) is not returning Microdata items when typeNames argument is not specified.

diff --git a/Source/WebCore/inspector/front-end/elementsPanel.css b/Source/WebCore/inspector/front-end/elementsPanel.css
index b4dcfb2..6b7455b 100644 (file)
--- a/Source/WebCore/inspector/front-end/elementsPanel.css
+++ b/Source/WebCore/inspector/front-end/elementsPanel.css
@@ -352,7 +352,7 @@
 }
 
 .styles-section .properties > li.child-editing .webkit-css-property {
-    margin-left: -8px;
+    margin-left: 0;
 }
 
 .styles-section.matched-styles .properties li {
@@ -362,6 +362,7 @@
 .styles-section .properties li.child-editing {
     word-wrap: break-word !important;
     white-space: normal !important;
+    padding-left: 0;
 }
 
 .styles-section .properties ol {