Repository navigation
[docs] InputDecoration.enabled should explain how it interacts with suffixIcon #167713
Description
Use case
If I have a TextField widget that uses a suffixIcon, but the text field has enabled: false, the suffixIcon is not interactable, even though it has an onPressed set.
Example:
TextField(
enabled: false,
decoration: InputDecoration(
suffixIcon: IconButton(
onPressed: () {
print('pressed');
},
icon: Icon(Icons.edit_outlined, size: 20, color: Colors.blue),
)
),
)I tried setting the enabled state of the InputDecoration, but that didn't help.
Per the docs:
If false helperText, errorText, and counterText are not displayed, and the opacity of the remaining visual elements is reduced.
Related: flutter-form-builder-ecosystem/flutter_form_builder#442
Proposal
Let the suffix icon handle its enabled state separately from the text field's enabled state. Maybe by allowing it to read the enabled state separately from the InputDecoration, without looking at TextField.enabled ?
Activity
navaronbracke commentedon Apr 24, 2025
A valid workaround seems to be setting both
readOnlyandenableInteractiveSelectionwhile keeping the text field enabled.Maybe we should just document this instead? The docs for
TextField.enabledsay the following:but as mentioned in the OP, the
InputDecoration.enableddocs do not mention the suffix icon.[-]Allow enabled suffix button when the text field is disabled[/-][+][docs] InputDecoration.enabled should explain how it interacts with suffixIcon[/+]justinmc commentedon Apr 30, 2025
Documenting the workaround sounds good.
Your goal is to create a disabled TextField with a suffixIcon that still responds to taps?
navaronbracke commentedon Apr 30, 2025
Exactly!
thakaredipali commentedon May 28, 2025
@navaronbracke If you want to use a suffixIcon with an onPressed action while the TextFormField is disabled, you can use the readOnly property instead. This way, the text field remains non-editable, but the suffixIcon stays interactive.
navaronbracke commentedon May 28, 2025
@thakaredipali I already mentioned that in this comment
thakaredipali commentedon May 28, 2025
@navaronbracke Yes, got it.
Documenting these things will help others understand more easily.
Thanks
Docs: Update docs for suffix icon interaction behaviour (#169828)
github-actions commentedon Jun 25, 2025
This thread has been automatically locked since there has not been any recent activity after it was closed. If you are still experiencing a similar issue, please open a new bug, including the output of
flutter doctor -vand a minimal reproduction of the issue.Docs: Update docs for suffix icon interaction behaviour (flutter#169828)