Uploaded image for project: 'Confluence Data Center'
  1. Confluence Data Center
  2. CONFSERVER-41276

Placeholder text in the Livesearch Macro is inconsistent cross browser

XMLWordPrintable

    • Icon: Suggestion Suggestion
    • Resolution: Won't Do
    • None
    • None
    • We collect Confluence feedback from various sources, and we evaluate what we've collected when planning our product roadmap. To understand how this piece of feedback will be reviewed, see our Implementation of New Features Policy.

      NOTE: This suggestion is for Confluence Server. Using Confluence Cloud? See the corresponding suggestion.

      Problem

      The Livesearch macro provides a placeholder attribute. However, that placeholder text isn't displayed consistently across browsers.

      Steps to reproduce
      1. Create a page in Confluence, and add the livesearch macro
      2. View the page in IE, and Chrome
      Expected Results
      1. The placeholder text can be easily distinguished from the text a user types
      Actual Results
      1. In Internet Explorer, the text is the same colour as the user types
      Workaround

      The following CSS ensures the colour of the placeholder text is consistent cross browser:

      ::-webkit-input-placeholder {
   color: #878787 !important;
}

:-moz-placeholder { /* Firefox 18- */
   color: #878787 !important;
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #878787 !important;
}

:-ms-input-placeholder {  
   color: #878787 !important;
}

            [CONFSERVER-41276] Placeholder text in the Livesearch Macro is inconsistent cross browser

            Sen made changes -
            Workflow Original: JAC Suggestion Workflow 4 [ 3571839 ] New: JAC Suggestion Workflow 3 [ 4339096 ]
            Katherine Yabut made changes -
            Workflow Original: JAC Suggestion Workflow 2 [ 3174775 ] New: JAC Suggestion Workflow 4 [ 3571839 ]
            Status Original: RESOLVED [ 5 ] New: Closed [ 6 ]
            Katherine Yabut made changes -
            Workflow Original: JAC Suggestion Workflow [ 3031590 ] New: JAC Suggestion Workflow 2 [ 3174775 ]
            Owen made changes -
            Workflow Original: Confluence Workflow - Public Facing v4 [ 2537623 ] New: JAC Suggestion Workflow [ 3031590 ]
            Rachel Lin (Inactive) made changes -
            Workflow Original: Confluence Workflow - Public Facing v3 [ 2282138 ] New: Confluence Workflow - Public Facing v4 [ 2537623 ]
            Adam Barnes (Inactive) made changes -
            Resolution New: Won't Do [ 10000 ]
            Status Original: Needs Verification [ 10004 ] New: Resolved [ 5 ]
            Katherine Yabut made changes -
            Workflow Original: Confluence Workflow - Public Facing v3 - TEMP [ 2173098 ] New: Confluence Workflow - Public Facing v3 [ 2282138 ]
            Katherine Yabut made changes -
            Workflow Original: Confluence Workflow - Public Facing v3 [ 1947748 ] New: Confluence Workflow - Public Facing v3 - TEMP [ 2173098 ]
            Katherine Yabut made changes -
            Workflow Original: Confluence Workflow - Public Facing v2 [ 1758306 ] New: Confluence Workflow - Public Facing v3 [ 1947748 ]
            jonah (Inactive) made changes -
            Description Original: h5.Problem
            The Livesearch macro provides a placeholder attribute. However, that placeholder text isn't displayed consistently across browsers.

            h5.Steps to reproduce
            # Create a page in Confluence, and add the livesearch macro
            # View the page in IE, and Chrome

            h5.Expected Results
            # The placeholder text can be easily distinguished from the text a user types

            h5.Actual Results
            # In Internet Explorer, the text is the same colour as the user types

            h5.Workaround
            The following CSS ensures the colour of the placeholder text is consistent cross browser:

            {code}
            ::-webkit-input-placeholder {
               color: #878787 !important;
            }

            :-moz-placeholder { /* Firefox 18- */
               color: #878787 !important;
            }

            ::-moz-placeholder { /* Firefox 19+ */
               color: #878787 !important;
            }

            :-ms-input-placeholder {
               color: #878787 !important;
            }
            {code}             		New: {panel:bgColor=#e7f4fa}
              *NOTE:* This suggestion is for *Confluence Server*. Using *Confluence Cloud*? [See the corresponding suggestion|http://jira.atlassian.com/browse/CONFCLOUD-41276].
              {panel}

            h5.Problem
            The Livesearch macro provides a placeholder attribute. However, that placeholder text isn't displayed consistently across browsers.

            h5.Steps to reproduce
            # Create a page in Confluence, and add the livesearch macro
            # View the page in IE, and Chrome

            h5.Expected Results
            # The placeholder text can be easily distinguished from the text a user types

            h5.Actual Results
            # In Internet Explorer, the text is the same colour as the user types

            h5.Workaround
            The following CSS ensures the colour of the placeholder text is consistent cross browser:

            {code}
            ::-webkit-input-placeholder {
               color: #878787 !important;
            }

            :-moz-placeholder { /* Firefox 18- */
               color: #878787 !important;
            }

            ::-moz-placeholder { /* Firefox 19+ */
               color: #878787 !important;
            }

            :-ms-input-placeholder {
               color: #878787 !important;
            }
            {code}

              Unassigned Unassigned
              dnorton@atlassian.com Dave Norton
              Votes:
              1 Vote for this issue
              Watchers:
              2 Start watching this issue

                Created:
                Updated:
                Resolved: