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

slider input looks ugly on FF

    Details

    • Type: Bug
    • Status: Closed
    • Priority: Minor
    • Resolution: Fixed
    • Affects Version/s: 8.6.0.1
    • Fix Version/s: 8.6.1
    • Component/s: Components, Theme
    • Security Level: Jimmy
    • Environment:

      FF

    • gh.sprint.customfield.default.name:
      ZK 8.6.1 S1

      Description

      Steps to Reproduce

      	<slider mold="knob"
      			minpos="0.0" maxpos="100.0"
      			curpos="100" step="1" width="300px" angleArc="360"
      			style="border: 1px solid black;" strokeWidth="120"/>
      

      Current Result

      FF renders the default up/down arrows for input elements with type="number" - breaking the visual appearance, cutting off the number

      Expected Result

      hide the arrows

      Debug Info

      this issue happens in FF (all themes excepted iceblue)

      Workaround

      add a style:

      	.z-slider-input[type=number] {
      		-moz-appearance: textfield;
      	}
      

      see: https://www.thatstevensguy.com/programming/disable-arrows-on-number-inputs/

        Attachments

          Activity

            People

            • Assignee:
              CharlesQiu CharlesQiu
              Reporter:
              cor3000 cor3000
            • Votes:
              0 Vote for this issue
              Watchers:
              2 Start watching this issue

              Dates

              • Created:
                Updated:
                Resolved:

                Time Tracking

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