Deprecation: #89215 - jQuery.clearable
See forge#89215
Description
The jQuery plugin jquery.
that provides a button to clear an input field has been marked as deprecated.
Impact
Using jquery.
will trigger a deprecation warning in the browser's console.
Affected Installations
All 3rd party extensions using jquery.
are affected.
Migration
Import the module TYPO3/
and use the method clearable
on a native HTMLInput
.
Example code:
require(['TYPO3/CMS/Backend/Input/Clearable'], function() {
const inputField = document.querySelector('#some-input');
if (inputField !== null) {
inputField.clearable();
}
const clearables = Array.from(document.querySelectorAll('.t3js-clearable')).filter(inputElement => {
// Filter input fields being a date time picker and a color picker
return !inputElement.classList.contains('t3js-datetimepicker') && !inputElement.classList.contains('t3js-color-picker');
});
clearables.forEach(clearableField => clearableField.clearable());
});
Copied!
The method also accepts an options
object, allowing to set a on
callback. The callback receives the input field as an argument the clearing was applied to.
Example code:
const inputField = document.querySelector('#some-input');
if (inputField !== null) {
inputField.clearable({
onClear: function (input) {
input.closest('form').submit();
}
});
}
Copied!