Skip to content

Show truncated text in tooltips (#31908, #27891, #32159) [4.7.0] #32345

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Draft
mathesoncalum wants to merge 6 commits into
base: 4.7
Choose a base branch
from
Draft

Show truncated text in tooltips (#31908, #27891, #32159) [4.7.0] #32345

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
6 commits
Select commit Hold shift + click to select a range
aa5aeae
Add tooltips for soundflag popup buttons
mathesoncalum Feb 20, 2026
94925bd
Introduce displayTruncatedTextOnHover property to StyledTextLabels
mathesoncalum Feb 23, 2026
e3dd33e
Show truncated text in tooltips for:
mathesoncalum Feb 23, 2026
d5858b6
Remove limit on tooltip title line count
mathesoncalum Feb 23, 2026
25ee1ea
Fix truncated text tooltips falling behind windows
mathesoncalum Mar 11, 2026
0dcc46a
[NOT FOR MERGING] Simulate long instrument descriptions in new score …
mathesoncalum Feb 23, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
1 change: 1 addition & 0 deletions src/framework/uicomponents/qml/Muse/UiComponents/CheckBox.qml
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -109,6 +109,7 @@ FocusScope {
horizontalAlignment: Text.AlignLeft
wrapMode: Text.WordWrap
maximumLineCount: 2
displayTruncatedTextOnHover: true
}
}

Expand Down
25 changes: 17 additions & 8 deletions src/framework/uicomponents/qml/Muse/UiComponents/StyledTextLabel.qml
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -21,10 +21,13 @@
*/
import QtQuick

pragma ComponentBehavior: Bound

Text {
id: root

readonly property bool isEmpty: text.length === 0
property bool displayTruncatedTextOnHover: false

color: ui.theme.fontPrimaryColor
linkColor: ui.theme.linkColor
Expand All @@ -43,21 +46,27 @@ Text {
Qt.openUrlExternally(link)
}

onHoveredLinkChanged: {
if (Boolean(hoveredLink)) {
mouseAreaLoader.active = true
}
}

Loader {
id: mouseAreaLoader
anchors.fill: parent
active: false
active: (root.displayTruncatedTextOnHover && root.truncated) || root.hoveredLink

sourceComponent: MouseArea {
anchors.fill: parent
acceptedButtons: Qt.NoButton
cursorShape: root.hoveredLink ? Qt.PointingHandCursor : Qt.ArrowCursor
hoverEnabled: true

onPressed: {
ui.tooltip.hide(root, true)
}

onContainsMouseChanged: {
if (!containsMouse || !root.truncated || root.hoveredLink) {
ui.tooltip.hide(root)
return
}
ui.tooltip.show(root, root.text)
}
}
}
}
1 change: 0 additions & 1 deletion src/framework/uicomponents/qml/Muse/UiComponents/StyledToolTip.qml
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -72,7 +72,6 @@ StyledPopupView {
font: ui.theme.bodyBoldFont
horizontalAlignment: Text.AlignLeft
wrapMode: Text.WordWrap
maximumLineCount: 2
Copy link
Contributor Author

@mathesoncalum mathesoncalum Feb 23, 2026

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Alternatively we could accommodate blank titles and use the description text instead...

}

StyledTextLabel {
Expand Down
1 change: 1 addition & 0 deletions src/framework/uicomponents/qml/Muse/UiComponents/VisibilityBox.qml
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -82,6 +82,7 @@ FocusScope {
horizontalAlignment: Text.AlignLeft
wrapMode: Text.WordWrap
maximumLineCount: 2
displayTruncatedTextOnHover: true
}
}
}
1 change: 1 addition & 0 deletions src/inspector/qml/MuseScore/Inspector/common/InspectorPropertyView.qml
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -112,6 +112,7 @@ Column {

wrapMode: Text.Wrap
maximumLineCount: 2
displayTruncatedTextOnHover: true
}
}
}
Expand Down
5 changes: 4 additions & 1 deletion src/instrumentsscene/qml/MuseScore/InstrumentsScene/InstrumentsDialog.qml
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -88,7 +88,10 @@ StyledDialogView {

StyledTextLabel {
id: descriptionLabel
text: instrumentsPage.description

// DO NOT MERGE THIS:
text: "Hello world - this is an extremely long instrument description to simulate truncated labels and tooltips. This instrument has 13 strings, a hihat, a mouthpiece, and sounds terrible. Nobody should ever use this instrument. Lorem ipsum dolor etc, etc. End of text."
displayTruncatedTextOnHover: true

Layout.fillWidth: true
Layout.maximumHeight: buttonBox.height
Expand Down
8 changes: 8 additions & 0 deletions src/playback/qml/MuseScore/Playback/internal/SoundFlag/ParamsGridView.qml
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -142,6 +142,14 @@ Column {

text: button.text
font: ui.theme.bodyFont

Component.onCompleted: {
button.toolTipTitle = truncated ? button.text : ""
}

onTruncatedChanged: {
button.toolTipTitle = truncated ? button.text : ""
}
}
}
}
Expand Down
7 changes: 4 additions & 3 deletions src/project/qml/MuseScore/Project/NewScoreDialog.qml
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -120,9 +120,10 @@ StyledDialogView {

StyledTextLabel {
id: descriptionLabel
text: pagesStack.currentIndex === 0
? chooseInstrumentsAndTemplatePage.description
: ""

// DO NOT MERGE THIS:
text: "Hello world - this is an extremely long instrument description to simulate truncated labels and tooltips. This instrument has 13 strings, a hihat, a mouthpiece, and sounds terrible. Nobody should ever use this instrument. Lorem ipsum dolor etc, etc. End of text."
displayTruncatedTextOnHover: true

Layout.fillWidth: true
Layout.maximumHeight: buttonBox.height
Expand Down
Loading