sonata-project / SonataAdminBundle

The missing Symfony Admin Generator
https://docs.sonata-project.org/projects/SonataAdminBundle
MIT License
2.11k stars 1.26k forks source link

jQuery 3.6 broke datetimepicker #7830

Closed fracsi closed 2 years ago

fracsi commented 2 years ago

Environment

Sonata packages

show

``` $ composer show --latest 'sonata-project/*' sonata-project/admin-bundle 4.12.0 4.12.0 The missing Symfony Admin Generator sonata-project/block-bundle 4.12.0 4.12.0 Symfony SonataBlockBundle sonata-project/cache 2.2.0 2.2.0 Cache library Package sonata-project/cache is abandoned, you should avoid using it. No replacement was suggested. sonata-project/doctrine-extensions 1.17.0 1.17.0 Doctrine2 behavioral extensions sonata-project/doctrine-orm-admin-bundle 4.2.8 4.2.8 Integrate Doctrine ORM into the SonataAdminBundle sonata-project/exporter 2.11.0 2.11.0 Lightweight Exporter library sonata-project/form-extensions 1.16.0 1.16.0 Symfony form extensions sonata-project/twig-extensions 1.10.0 1.10.0 Sonata twig extensions ```

Symfony packages

show

``` $ composer show --latest 'symfony/*' # Put the result here. symfony/amqp-messenger v5.4.5 v5.4.5 Symfony AMQP extension Messenger Bridge symfony/apache-pack v1.0.1 v1.0.1 A pack for Apache support in Symfony symfony/asset v5.4.7 v6.0.7 Manages URL generation and versioning of web assets such as CSS stylesheets, JavaScript files and image files symfony/browser-kit v5.4.3 v6.0.3 Simulates the behavior of a web browser, allowing you to make requests, click on links and submit forms programmatically symfony/cache v5.4.8 v6.0.8 Provides an extended PSR-6, PSR-16 (and tags) implementation symfony/cache-contracts v2.5.1 v3.0.1 Generic abstractions related to caching symfony/config v5.4.8 v6.0.8 Helps you find, load, combine, autofill and validate configuration values of any kind symfony/console v5.4.8 v6.0.8 Eases the creation of beautiful and testable command line interfaces symfony/css-selector v5.4.3 v6.0.3 Converts CSS selectors to XPath expressions symfony/debug-bundle v5.4.3 v6.0.3 Provides a tight integration of the Symfony VarDumper component and the ServerLogCommand from MonologBridge into the Symfony full-stack... symfony/dependency-injection v5.4.8 v6.0.8 Allows you to standardize and centralize the way objects are constructed in your application symfony/deprecation-contracts v3.0.1 v3.0.1 A generic function and convention to trigger deprecation notices symfony/doctrine-bridge v5.4.8 v6.0.8 Provides integration for Doctrine with various Symfony components symfony/doctrine-messenger v5.4.8 v6.0.8 Symfony Doctrine Messenger Bridge symfony/dom-crawler v5.4.6 v6.0.6 Eases DOM navigation for HTML and XML documents symfony/dotenv v5.4.5 v6.0.5 Registers environment variables from a .env file symfony/error-handler v5.4.8 v6.0.8 Provides tools to manage errors and ease debugging PHP code symfony/event-dispatcher v5.4.3 v6.0.3 Provides tools that allow your application components to communicate with each other by dispatching events and listening to them symfony/event-dispatcher-contracts v3.0.1 v3.0.1 Generic abstractions related to dispatching event symfony/expression-language v5.4.8 v6.0.8 Provides an engine that can compile and evaluate expressions symfony/filesystem v5.4.7 v6.0.7 Provides basic utilities for the filesystem symfony/finder v5.4.8 v6.0.8 Finds files and directories via an intuitive fluent interface symfony/flex v2.1.8 v2.1.8 Composer plugin for Symfony symfony/form v5.4.8 v6.0.8 Allows to easily create, process and reuse HTML forms symfony/framework-bundle v5.4.8 v6.0.8 Provides a tight integration between Symfony components and the Symfony full-stack framework symfony/http-client v5.4.8 v6.0.8 Provides powerful methods to fetch HTTP resources synchronously or asynchronously symfony/http-client-contracts v2.5.1 v3.0.1 Generic abstractions related to HTTP clients symfony/http-foundation v5.4.8 v6.0.8 Defines an object-oriented layer for the HTTP specification symfony/http-kernel v5.4.8 v6.0.8 Provides a structured process for converting a Request into a Response symfony/intl v5.4.8 v6.0.8 Provides a PHP replacement layer for the C intl extension that includes additional data from the ICU library symfony/lock v5.4.7 v6.0.7 Creates and manages locks, a mechanism to provide exclusive access to a shared resource symfony/maker-bundle v1.43.0 v1.43.0 Symfony Maker helps you create empty commands, controllers, form classes, tests and more so you can forget about writing boilerplate code. symfony/messenger v5.4.8 v6.0.8 Helps applications send and receive messages to/from other applications or via message queues symfony/monolog-bridge v5.4.3 v6.0.3 Provides integration for Monolog with various Symfony components symfony/monolog-bundle v3.8.0 v3.8.0 Symfony MonologBundle symfony/options-resolver v5.4.3 v6.0.3 Provides an improved replacement for the array_replace PHP function symfony/password-hasher v5.4.8 v6.0.8 Provides password hashing utilities symfony/phpunit-bridge v6.0.8 v6.0.8 Provides utilities for PHPUnit, especially user deprecation notices management symfony/polyfill-intl-grapheme v1.25.0 v1.25.0 Symfony polyfill for intl's grapheme_* functions symfony/process v5.4.8 v6.0.8 Executes commands in sub-processes symfony/property-access v5.4.8 v6.0.8 Provides functions to read and write from/to an object or array using a simple string notation symfony/property-info v5.4.7 v6.0.7 Extracts information about PHP class' properties using metadata of popular sources symfony/proxy-manager-bridge v5.4.6 v6.0.6 Provides integration for ProxyManager with various Symfony components symfony/redis-messenger v5.4.6 v6.0.7 Symfony Redis extension Messenger Bridge symfony/routing v5.4.8 v6.0.8 Maps an HTTP request to a set of configuration variables symfony/runtime v5.4.8 v6.0.8 Enables decoupling PHP applications from global state symfony/security-acl v3.3.1 v3.3.1 Symfony Security Component - ACL (Access Control List) symfony/security-bundle v5.4.8 v6.0.8 Provides a tight integration of the Security component into the Symfony full-stack framework symfony/security-core v5.4.8 v6.0.8 Symfony Security Component - Core Library symfony/security-csrf v5.4.3 v6.0.3 Symfony Security Component - CSRF Library symfony/security-guard v5.4.3 v5.4.3 Symfony Security Component - Guard symfony/security-http v5.4.8 v6.0.8 Symfony Security Component - HTTP Integration symfony/serializer v5.4.8 v6.0.8 Handles serializing and deserializing data structures, including object graphs, into array structures or other formats like XML and JSON. symfony/service-contracts v2.5.1 v3.0.1 Generic abstractions related to writing services symfony/stopwatch v5.4.5 v6.0.5 Provides a way to profile code symfony/string v5.4.8 v6.0.8 Provides an object-oriented API to strings and deals with bytes, UTF-8 code points and grapheme clusters in a unified way symfony/translation v5.4.8 v6.0.8 Provides tools to internationalize your application symfony/translation-contracts v2.5.1 v3.0.1 Generic abstractions related to translation symfony/twig-bridge v5.4.8 v6.0.8 Provides integration for Twig with various Symfony components symfony/twig-bundle v5.4.8 v6.0.8 Provides a tight integration of Twig into the Symfony full-stack framework symfony/validator v5.4.8 v6.0.8 Provides tools to validate values symfony/var-dumper v5.4.8 v6.0.8 Provides mechanisms for walking through any arbitrary PHP variable symfony/var-exporter v5.4.8 v6.0.8 Allows exporting any serializable PHP data structure to plain PHP code symfony/web-link v5.4.3 v6.0.3 Manages links between resources symfony/web-profiler-bundle v5.4.8 v6.0.8 Provides a development tool that gives detailed information about the execution of any request symfony/webapp-meta v1.0.0 v1.0.0 A meta package for the web app pack symfony/webpack-encore-bundle v1.14.1 v1.14.1 Integration with your Symfony app & Webpack Encore! symfony/yaml v5.4.3 v6.0.3 Loads and dumps YAML files ```

PHP version

$ php -v
# Put the result here.
PHP 8.1.6 (cli) (built: May 17 2022 16:48:41) (NTS)
Copyright (c) The PHP Group
Zend Engine v4.1.6, Copyright (c) Zend Technologies
    with Zend OPcache v8.1.6, Copyright (c), by Zend Technologies

Subject

7824 broke datepicker functionality.

Current version of the datetimepicker library in sonata-project/form-extensions uses .size() function, which is removed in jQuery 3.0 , thus the datepicker in an input group does not work anymore.

Minimal repository with the bug

Steps to reproduce

Add a datepicker form type to any admin with the default 'datepicker_use_button' => true option. This way a bootstrap input-group is rendered by default with a calendar button.

Expected results

The datepicker can be opened by clicking on the calendar button.

Actual results

JS error

jQuery.Deferred exception: o.element.find(...).size is not a function TypeError: o.element.find(...).size is not a function
    at u (https://127.0.0.1:8000/bundles/sonataform/app.js:1:816)
    at new s (https://127.0.0.1:8000/bundles/sonataform/app.js:1:22219)
    at HTMLDivElement.<anonymous> (https://127.0.0.1:8000/bundles/sonataform/app.js:1:22349)
    at Function.each (https://127.0.0.1:8000/bundles/sonataadmin/app.js:1:144954)
    at T.fn.init.each (https://127.0.0.1:8000/bundles/sonataadmin/app.js:1:143433)
    at T.fn.init.e.fn.datetimepicker (https://127.0.0.1:8000/bundles/sonataform/app.js:1:22268)
    at HTMLDocument.<anonymous> (https://127.0.0.1:8000/ep/date-range-unique/create:405:51)
    at c (https://127.0.0.1:8000/bundles/sonataadmin/app.js:1:172313)
    at u (https://127.0.0.1:8000/bundles/sonataadmin/app.js:1:172615)
jordisala1991 commented 2 years ago

We might try to replace the size function with .length.

We are kind of stuck with the jQuery version. If we upgrade we break date picker, if we downgrade we break menu. To me it is better to keep jQuery 3.6 and manually patch the date picker library to be compatible (let's see if it is easy).

Anyway, that library will be upgraded with sonata-project/form-extensions, so it is not a big deal to manually patch it.

VincentLanglet commented 2 years ago

You mean editing https://github.com/sonata-project/form-extensions/blob/1.x/assets/vendor/bootstrap-datetimepicker.min.js ?

jordisala1991 commented 2 years ago

You mean editing https://github.com/sonata-project/form-extensions/blob/1.x/assets/vendor/bootstrap-datetimepicker.min.js ?

Yes! We could even download uncompressed version of it and it would be easier to edit. (Webpack does the job of compression, so it is no problem).