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

The result of hflex="min" is not sufficient if the content has Font Awesome icons

XMLWordPrintable

    • ZK 8.6.2 S2

      Steps to Reproduce

      http://zkfiddle.org/sample/29rtmf/1-ZK-4243

      • Clear the browser cache first then Run the sample.
      • Check the buttons are on the same line.

      Current Result

      The buttons aren't on the same line.

      Expected Result

      The buttons should be on the same line.

      Debug Information

      If the web fonts are cached, the result will be okay.

      If web fonts are not loaded yet, they are loaded only after being used for the first time.
      The width of <i> might be changed when loaded.
      https://www.zachleat.com/foitfout/#4000,4000,4000,4000

      Workaround

      Add z-icon-fw in sclass for fixed-width icons (e.g. "z-icon-fw z-icon-search")

            rudyhuang rudyhuang
            rudyhuang rudyhuang
            Votes:
            0 Vote for this issue
            Watchers:
            1 Start watching this issue

              Created:
              Updated:
              Resolved:

                Estimated:
                Original Estimate - 4 hours
                4h
                Remaining:
                Time Spent - 3 hours Remaining Estimate - 1 hour
                1h
                Logged:
                Time Spent - 3 hours Remaining Estimate - 1 hour
                3h