Loading...

XML

Word

Printable

Details

Type: Bug
Resolution: Fixed
Priority: P1: Critical
Fix Version/s: None
Affects Version/s: 6.5.0, 6.5.1
Component/s: Quick: Controls 2
Labels:
- qtquickcontrols2-material

Platform/s:

All
Commits:
2d99c70f9 (dev), 50f4ed0e4 (dev), 8a94cf99a (6.5), 8544c0314 (6.5)

Description

The following GIF shows multiple bugs:
1. The TextArea's Material.accent property is not respected inside the Flickable.
2. The placeholderText is not part of the decorator, so it scrolls along the content.
3. The CursorDelegate is shown beyond the TextArea's limits even when clipped.

EDIT: There's is actually a fourth bug that I explain more carefully in the second comment:
4. The placeholderText is cropped at half when the TextArea is clipped. This also applies to TextField.

EDIT: There's another bug:
5. The floating text should use the accent color. This also applies to TextField. In all cases I've seen so far, it uses an animation to transition from gray to the accent color and backwards.

Source code (run with qml tool):

import QtQuick
import QtQuick.Controls.Material

ApplicationWindow {
    width: 400
    height: 400
    visible: true

    Flickable {
        anchors.fill: parent
        anchors.margins: 100

        TextArea.flickable: TextArea {
            placeholderText: "Type something..."
            text: "a\nb\nc\nd\ne\nf\ng\nh\ni\nj\nk\nl\nm\nn"
        }
    }
}

Attachments

- Sort By Name
- Sort By Date
- Ascending
- Descending
- Thumbnails
- List

Accent floating text.jpg
17 kB
14 Apr '23 07:43
Slow_animation.gif
333 kB
12 Apr '23 06:43
TextArea-bugs.gif
232 kB
05 Apr '23 08:20
TextArea-bugs2.gif
311 kB
11 Apr '23 03:52

Issue Links

is duplicated by

QTBUG-112703 QQC2 Material TextField still keeps background of description text when clearing text by code

Closed

QTBUG-113177 Material TextField placeholder slot left blank after clearing text programmatically

Closed

resulted in

QTBUG-112753 Cursor of Material TextArea in a Flickable not clipped

Open

split to

QTBUG-113320 Material TextArea delegate cursor not clipped when in Flickable

Closed

QTBUG-113321 Material TextArea and TextField placeholder text incorrectly clipped

Closed

Gerrit Reviews

- Issue Only
- Show All Reviews
- Show Open Reviews
- Show All Issues
- Show Open Issues

For Gerrit Dashboard: QTBUG-112650
#	Subject	Branch	Project	Status	CR	V
471328,6	Material: fix TextArea decorations when in a Flickable	dev	qt/qtdeclarative	Status: MERGED	+2	0
472224,2	Material: fix floating placeholder text color	dev	qt/qtdeclarative	Status: MERGED	+2	0
473063,2	Material: fix TextArea decorations when in a Flickable	6.5	qt/qtdeclarative	Status: MERGED	+2	0
473064,2	Material: fix floating placeholder text color	6.5	qt/qtdeclarative	Status: MERGED	+2	0