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