Uploaded image for project: 'ZK'
  1. ZK
  2. ZK-5784

a fontawesome bug causes zk to lose all styles in Chrome and Edge

XMLWordPrintable

    • Icon: Bug Bug
    • Resolution: Fixed
    • Icon: Blocker Blocker
    • 10.1.0, 10.0.2
    • 10.0.0
    • None
    • Security Level: Jimmy

      Steps to Reproduce

      1. download Edge beta 129
      2. vist zkfiddle or any zk demo with Chrome 129 beta or Edge 129 beta

      Current Result

      all styles on components are lost

      Expected Result

      component styles still exist

      Debug Information

      1. Chrome 129 is scheduled to be released next week! Sep. 11th, see https://chromestatus.com/roadmap
      2. Robert reported this issue to Chrome at https://issues.chromium.org/issues/364443009?pli=1
      3. this bug doesn't affect ZK 9.x or 8.x
      4. https://github.com/zkoss/zk/blob/v10.0.1/zul/src/main/resources/web/zul/less/font/_animated.less#L108-L111

      Root cause

      a fontawesome bug https://github.com/FortAwesome/Font-Awesome/issues/19990
      the resulting CSS of _animate.less after compilation contains some invalid characters. --#{fa-css-prefix ...
      font awesome already fixed this bug, so we can upgrade it to avoid this problem

      Workaround

      FontAwesomeFixInit.java

      Credit

      This blocking issue was first reported by Robert W.

        1. chrome129Release.png
          22 kB
          hawk
        2. fontawesomeCode.png
          93 kB
          hawk
        3. FontAwesomeFixInit.java
          4 kB
          hawk
        4. styleLoss.png
          27 kB
          hawk
        5. styleLoss2.png
          127 kB
          hawk

            jumperchen jumperchen
            hawk hawk
            Votes:
            1 Vote for this issue
            Watchers:
            3 Start watching this issue

              Created:
              Updated:
              Resolved: