Uploaded image for project: 'Qt'
  1. Qt
  2. QTBUG-85488

Handle Selection Area - QtQuick Slider

    XMLWordPrintable

Details

    • Bug
    • Resolution: Unresolved
    • P3: Somewhat important
    • None
    • 5.15.0
    • Quick: Controls 2
    • None
    • All

    Description

      The selection area of a custom slider handle defaults to the width of the slider background/rectangle. 

      When the rectangle is thin by design (ie. 8 pixels) it is very difficult to select and drag the handle in the Live Preview, as you can only select within the left and right boundaries of the rectangle.

       

      Attachments

        1. BlendItem.qml
          2 kB
        2. BlendItemSpecifics.qml
          4 kB
        3. blend-mode-16px.png
          blend-mode-16px.png
          0.3 kB
        4. blend-mode-24px.png
          blend-mode-24px.png
          0.4 kB
        5. blend-mode-24px@2x.png
          blend-mode-24px@2x.png
          0.6 kB
        6. BorderItem.qml
          6 kB
        7. BorderItemSpecifics.qml
          7 kB
        8. BorderModeComboBox.qml
          1 kB
        9. brightness-contrast-16px.png
          brightness-contrast-16px.png
          0.2 kB
        10. brightness-contrast-24px.png
          brightness-contrast-24px.png
          0.3 kB
        11. brightness-contrast-24px@2x.png
          brightness-contrast-24px@2x.png
          0.5 kB
        12. BrightnessContrastItem.qml
          2 kB
        13. BrightnessContrastItemSpecifics.qml
          4 kB
        14. CapComboBox.qml
          1 kB
        15. ColorizeItem.qml
          2 kB
        16. ColorizeItemSpecifics.qml
          4 kB
        17. ColorOverlayItem.qml
          2 kB
        18. colourize-16px.png
          colourize-16px.png
          0.4 kB
        19. colourize-24px.png
          colourize-24px.png
          0.5 kB
        20. colourize-24px@2x.png
          colourize-24px@2x.png
          0.8 kB
        21. Constants.qml
          1 kB
        22. custom-border-16px.png
          custom-border-16px.png
          0.2 kB
        23. custom-border-24px.png
          custom-border-24px.png
          0.2 kB
        24. custom-border-24px@2x.png
          custom-border-24px@2x.png
          0.3 kB
        25. custom-rectangle-16px.png
          custom-rectangle-16px.png
          0.1 kB
        26. custom-rectangle-24px.png
          custom-rectangle-24px.png
          0.2 kB
        27. custom-rectangle-24px@2x.png
          custom-rectangle-24px@2x.png
          0.2 kB
        28. customSLider.qmlproject
          0.9 kB
        29. customSLider.qmlproject.qtds
          7 kB
        30. customSLider.qmlproject.qtds.f34fa60
          7 kB
        31. CustomSliderQML.zip
          148 kB
        32. DashPatternEditor.qml
          4 kB
        33. desaturation-16px.png
          desaturation-16px.png
          0.2 kB
        34. desaturation-24px.png
          desaturation-24px.png
          0.2 kB
        35. desaturation-24px@2x.png
          desaturation-24px@2x.png
          0.2 kB
        36. DesaturationItem.qml
          2 kB
        37. DesaturationItemSpecifics.qml
          3 kB
        38. directional-blur-16px.png
          directional-blur-16px.png
          0.3 kB
        39. directional-blur-24px.png
          directional-blur-24px.png
          0.4 kB
        40. directional-blur-24px@2x.png
          directional-blur-24px@2x.png
          0.7 kB
        41. DirectionalBlurItem.qml
          2 kB
        42. DirectionalBlurItemSpecifics.qml
          5 kB
        43. DirectoryFontLoader.qml
          2 kB
        44. displace-16px.png
          displace-16px.png
          0.3 kB
        45. displace-24px.png
          displace-24px.png
          0.7 kB
        46. displace-24px@2.png
          displace-24px@2.png
          1 kB
        47. DisplaceItem.qml
          2 kB
        48. DisplaceItemSpecifics.qml
          3 kB
        49. drop-shadow-16px.png
          drop-shadow-16px.png
          0.1 kB
        50. drop-shadow-24px.png
          drop-shadow-24px.png
          0.1 kB
        51. drop-shadow-24px@2x.png
          drop-shadow-24px@2x.png
          0.1 kB
        52. DropShadowItem.qml
          2 kB
        53. DropShadowItemSpecifics.qml
          7 kB
        54. FancySlider.qml
          1 kB
        55. fast-blur-16px.png
          fast-blur-16px.png
          0.3 kB
        56. fast-blur-24px.png
          fast-blur-24px.png
          0.4 kB
        57. fast-blur-24px@2x.png
          fast-blur-24px@2x.png
          0.7 kB
        58. FastBlurItem.qml
          2 kB
        59. FastBlurItemSpecifics.qml
          4 kB
        60. FlipableItem.qml
          2 kB
        61. FlipableItemSpecifics.qml
          2 kB
        62. fonts.txt
          0.0 kB
        63. gamma-adjust-16px.png
          gamma-adjust-16px.png
          0.3 kB
        64. gamma-adjust-24px.png
          gamma-adjust-24px.png
          0.6 kB
        65. gamma-adjust-24px@2x.png
          gamma-adjust-24px@2x.png
          1 kB
        66. GammaAdjustItem.qml
          2 kB
        67. GammaAdjustItemSpecifics.qml
          3 kB
        68. gaussian-blur-16px.png
          gaussian-blur-16px.png
          0.3 kB
        69. gaussian-blur-24px.png
          gaussian-blur-24px.png
          0.5 kB
        70. gaussian-blur-24px@2.png
          gaussian-blur-24px@2.png
          0.9 kB
        71. GaussianBlurItem.qml
          2 kB
        72. GaussianBlurItemSpecifics.qml
          5 kB
        73. glow-16px.png
          glow-16px.png
          0.4 kB
        74. glow-24px.png
          glow-24px.png
          0.6 kB
        75. glow-24px@2x.png
          glow-24px@2x.png
          1 kB
        76. GlowItem.qml
          2 kB
        77. GlowItemSpecifics.qml
          5 kB
        78. group-16px.png
          group-16px.png
          0.1 kB
        79. group-24px.png
          group-24px.png
          0.1 kB
        80. group-24px@2.png
          group-24px@2.png
          0.2 kB
        81. GroupItem.qml
          2 kB
        82. hue-satuartion-16px.png
          hue-satuartion-16px.png
          0.4 kB
        83. hue-satuartion-24px.png
          hue-satuartion-24px.png
          0.6 kB
        84. hue-satuartion-24px@2x.png
          hue-satuartion-24px@2x.png
          1 kB
        85. HueSaturationItem.qml
          2 kB
        86. HueSaturationItemSpecifics.qml
          4 kB
        87. inner-shadow-16px.png
          inner-shadow-16px.png
          0.2 kB
        88. inner-shadow-24px.png
          inner-shadow-24px.png
          0.3 kB
        89. inner-shadow-24px@2.png
          inner-shadow-24px@2.png
          0.5 kB
        90. InnerShadowItem.qml
          2 kB
        91. InnerShadowItemSpecifics.qml
          6 kB
        92. iso-icons-16px.png
          iso-icons-16px.png
          0.2 kB
        93. iso-icons-24px.png
          iso-icons-24px.png
          0.3 kB
        94. iso-icons-24px@2x.png
          iso-icons-24px@2x.png
          0.4 kB
        95. IsoItem.qml
          1 kB
        96. IsoItemSpecifics.qml
          0.4 kB
        97. item-arc-16px.png
          item-arc-16px.png
          0.4 kB
        98. item-arc-24px.png
          item-arc-24px.png
          0.6 kB
        99. item-arc-24px@2x.png
          item-arc-24px@2x.png
          1 kB
        100. item-flippable-16px.png
          item-flippable-16px.png
          0.3 kB
        101. item-flippable-24px.png
          item-flippable-24px.png
          0.4 kB
        102. item-flippable-24px@2x.png
          item-flippable-24px@2x.png
          0.5 kB
        103. item-pie-16px.png
          item-pie-16px.png
          0.3 kB
        104. item-pie-24px.png
          item-pie-24px.png
          0.4 kB
        105. item-pie-24px@2x.png
          item-pie-24px@2x.png
          0.7 kB
        106. item-svg-16px.png
          item-svg-16px.png
          0.4 kB
        107. item-svg-24px.png
          item-svg-24px.png
          0.6 kB
        108. item-svg-24px@2x.png
          item-svg-24px@2x.png
          1 kB
        109. item-triangle-16px.png
          item-triangle-16px.png
          0.2 kB
        110. item-triangle-24px.png
          item-triangle-24px.png
          0.2 kB
        111. item-triangle-24px@2x.png
          item-triangle-24px@2x.png
          0.3 kB
        112. knob.png
          knob.png
          2 kB
        113. LevelAdjustItem.qml
          2 kB
        114. LevelAdjustItemSpecifics.qml
          5 kB
        115. levels-16px.png
          levels-16px.png
          0.1 kB
        116. levels-24px.png
          levels-24px.png
          0.2 kB
        117. levels-24px@2.png
          levels-24px@2.png
          0.1 kB
        118. mask-blur-16px.png
          mask-blur-16px.png
          0.3 kB
        119. mask-blur-24px.png
          mask-blur-24px.png
          0.4 kB
        120. mask-blur-24px@2x.png
          mask-blur-24px@2x.png
          0.8 kB
        121. MaskedBlurItem.qml
          2 kB
        122. MaskedBlurItemSpecifics.qml
          4 kB
        123. MyPlugin.metainfo
          9 kB
        124. MyPlugin.metainfo
          3 kB
        125. opacity-mask-16px.png
          opacity-mask-16px.png
          0.1 kB
        126. opacity-mask-24px.png
          opacity-mask-24px.png
          0.2 kB
        127. opacity-mask-24px@2x.png
          opacity-mask-24px@2x.png
          0.2 kB
        128. OpacityMaskItem.qml
          2 kB
        129. OpacityMaskItemSpecifics.qml
          3 kB
        130. PieItem.qml
          5 kB
        131. PieItemSpecifics.qml
          4 kB
        132. qmldir
          0.9 kB
        133. qmldir
          0.0 kB
        134. qmldir
          0.3 kB
        135. qtquickcontrols2.conf
          0.2 kB
        136. radial-blur-16px.png
          radial-blur-16px.png
          0.3 kB
        137. radial-blur-24px.png
          radial-blur-24px.png
          0.5 kB
        138. radial-blur-24px@2x.png
          radial-blur-24px@2x.png
          0.9 kB
        139. RadialBlurItem.qml
          2 kB
        140. RadialBlurItemSpecifics.qml
          6 kB
        141. RectangleItem.qml
          5 kB
        142. RectangleItemSpecifics.qml
          6 kB
        143. recursive-blur-16px.png
          recursive-blur-16px.png
          0.3 kB
        144. recursive-blur-24px.png
          recursive-blur-24px.png
          0.5 kB
        145. recursive-blur-24px@2.png
          recursive-blur-24px@2.png
          0.8 kB
        146. RecursiveBlurItem.qml
          2 kB
        147. RecursiveBlurItemSpecifics.qml
          4 kB
        148. RotationItem.qml
          2 kB
        149. Screen01.ui.qml
          1 kB
        150. slider-handle.png
          slider-handle.png
          0.5 kB
        151. SvgPathItem.qml
          3 kB
        152. SvgPathItemSpecifics.qml
          3 kB
        153. theshold-24px@2.png
          theshold-24px@2.png
          0.2 kB
        154. threshold-16px.png
          threshold-16px.png
          0.1 kB
        155. threshold-24px.png
          threshold-24px.png
          0.2 kB
        156. ThresholdMaskItem.qml
          2 kB
        157. ThresholdMaskItemSpecifics.qml
          3 kB
        158. TriangleItem.qml
          8 kB
        159. TriangleItemSpecifics.qml
          7 kB
        160. zoom-blur-16px.png
          zoom-blur-16px.png
          0.3 kB
        No reviews matched the request. Check your Options in the drop-down menu of this sections header.

        Activity

          People

            brook_cronin Brook Cronin
            shawndorsey Shawn Dorsey
            Votes:
            0 Vote for this issue
            Watchers:
            3 Start watching this issue

            Dates

              Created:
              Updated:

              Gerrit Reviews

                There are no open Gerrit changes