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

Input elements are not rendered properly in Chrome

    Details

    • Type: Bug
    • Status: Open
    • Priority: Normal
    • Resolution: Unresolved
    • Affects Version/s: 8.5.0
    • Fix Version/s: None
    • Component/s: Browser Issue
    • Labels:
      None

      Description

      https://www.zkoss.org/zk85themedemo/ has some rendering issues with input elements (like combobox) in Chrome as highlighted in attached screenshot:

      • right border is only partly visible
      • native input element and button have not same height

      I have similar issues in own zul file. Is there a workaround?

        Activity

        Hide
        fse fse added a comment -

        Google Chrome is up to date
        Version 63.0.3239.132 (Official Build) (64-bit)

        Show
        fse fse added a comment - Google Chrome is up to date Version 63.0.3239.132 (Official Build) (64-bit)
        Hide
        fse fse added a comment - - edited

        issue will be fixed by following change in theme/js/zul/inp/less/combo.less

        .z-combobox,
        .z-bandbox,
        .z-datebox,
        .z-timebox,
        .z-spinner,
        .z-doublespinner {
        &-input

        { vertical-align: top; // fixes Chrome issue }

        }

        Show
        fse fse added a comment - - edited issue will be fixed by following change in theme/js/zul/inp/less/combo.less .z-combobox, .z-bandbox, .z-datebox, .z-timebox, .z-spinner, .z-doublespinner { &-input { vertical-align: top; // fixes Chrome issue } }

          People

          • Assignee:
            Unassigned
            Reporter:
            fse fse
          • Votes:
            0 Vote for this issue
            Watchers:
            1 Start watching this issue

            Dates

            • Created:
              Updated: