Skip to content

FileInput: apply utility classes to the wrapper element#6646

Open
IRennie74 wants to merge 1 commit into
Megabit:masterfrom
IRennie74:rel-2.2-fix-fileinput-utilities
Open

FileInput: apply utility classes to the wrapper element#6646
IRennie74 wants to merge 1 commit into
Megabit:masterfrom
IRennie74:rel-2.2-fix-fileinput-utilities

Conversation

@IRennie74

Copy link
Copy Markdown
Contributor

Description

FileInput applied utility properties like Display and Margin to the inner
<input> instead of the wrapper, so e.g. Display.None did not hide the control.
Utilities now target the wrapper.

Closes #6522

Types of changes

  • Bug fix (non-breaking change which fixes an issue)

Utility properties such as Display and Margin were applied to the inner
file <input> instead of the wrapper element, so e.g. Display.None did not
hide the control. FileInput now defaults UtilityTarget to Wrapper (via a
new DefaultUtilityTarget override) for the providers that render a wrapper
(AntDesign, Bootstrap, Bootstrap5, Bulma, FluentUI2), and each wrapper now
renders the wrapper utility classes and styles. AntDesign also gains an
ant-upload-wrapper root element so Display.None hides the whole control,
not just the upload button. The core bare-input providers (Material,
Tailwind) keep targeting the input itself.

Closes Megabit#6522
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[Bug]: FileInput: Utility properties like Display not working

1 participant