Uploaded image for project: 'PUBLIC - Liferay Faces'
  1. PUBLIC - Liferay Faces
  2. FACES-3240

Inline <style>s render incorrectly on Liferay Portal 7.0 GA5

    Details

    • Type: Bug
    • Status: Closed
    • Priority: Minor
    • Resolution: Duplicate
    • Affects Version/s: bridge-ext-5.0.1
    • Fix Version/s: None
    • Labels:
      None

      Description

      On Liferay Portal 7.0 GA5, the following facelet markup:

      <h:outputStylesheet>
          .example-inline {
              opacity: .65;
              box-shadow: none;
          }
      </h:outputStylesheet>
      

      Will be rendered like so:

      <style type="text/css">="temporary" type="text/css">.example-inline{opacity:.65;box-shadow:none}</style>
      

      The markup should actually be rendered like so:

      <style data-senna-track="temporary" type="text/css">.example-inline{opacity:.65;box-shadow:none}</style>
      

      Unfortunately, this causes the style to not be applied.

      Workaround

      To work around this issue, add the following style to the beginning of your inline style:

      .workaround-FACES-3240 {}
      

      For example:

      <h:outputStylesheet>
          .workaround-FACES-3240 {}
          .example-inline {
              opacity: .65;
              box-shadow: none;
          }
      </h:outputStylesheet>
      

      Steps to reproduce:

      1. Deploy the JSF Showcase Portlet to Liferay Portal 7.0 CE GA5 and add it to the appropriate page.
      2. Run the showcase tests:
         (cd test/integration/ && mvn verify -P selenium-jsf-showcase -Dit.test=*OutputStylesheet*)
        

      If the bug still exists, the following results will appear:

      Results :
      
      Failed tests:
        OutputStylesheetGeneralTester.runOutputStylesheetGeneralTest:53 The button's opacity is not .65, instead it is 1
      
      Tests run: 1, Failures: 1, Errors: 0, Skipped: 0
      

        Attachments

          Issue Links

            Activity

              People

              • Assignee:
                kyle.stiemann Kyle Stiemann (Inactive)
                Reporter:
                kyle.stiemann Kyle Stiemann (Inactive)
                Participants of an Issue:
              • Votes:
                0 Vote for this issue
                Watchers:
                0 Start watching this issue

                Dates

                • Created:
                  Updated:
                  Resolved:

                  Packages

                  Version Package