Uploaded image for project: 'ZK Spreadsheet'
  1. ZK Spreadsheet
  2. ZSS-1386

inline editbox size flickering

XMLWordPrintable

    • Icon: Bug Bug
    • Resolution: Fixed
    • Icon: Normal Normal
    • 3.9.5
    • 3.9.4
    • ZSS Component Client
    • Security Level: Jimmy
    • None
    • ZK 8.6.1+ (breeze)
      Chrome Browser

      Steps to Reproduce

      double click a cell to enter inline editing mode
      hover the bottom right corner of the cell

      Current Result

      the inline editbox starts flickering in size
      (the inline editbox is slightly misaligned)

      Expected Result

      no flickering
      correctly aligned inline edit box

      Root Cause

      side effect of: https://tracker.zkoss.org/browse/ZK-4153
      it adds a 'z-InlineEditor-hover' class, triggering a change in the box-sizing property

      Workaround

      adding this css style globally fixes the misalignment and flickering

      .zsedit-real {
          box-sizing: border-box;
          margin-top: 2px;
          margin-left: 1px;
      }
      

            hawk hawk
            cor3000 cor3000
            Votes:
            0 Vote for this issue
            Watchers:
            1 Start watching this issue

              Created:
              Updated:
              Resolved: