Conflict with VueJS
locipicol opened this issue · comments
Environment
Symfony version : 4.3.9
FOSCKEditor version : 2.1.0
Symfony packages
symfony/asset v4.3.9 v4.3.9 Symfony Asset Component
symfony/browser-kit v4.3.9 v4.3.9 Symfony BrowserKit Compo...
symfony/cache v4.3.9 v4.3.9 Symfony Cache component ...
symfony/cache-contracts v1.1.7 v1.1.7 Generic abstractions rel...
symfony/config v4.3.9 v4.3.9 Symfony Config Component
symfony/console v4.3.9 v4.3.9 Symfony Console Component
symfony/css-selector v4.3.9 v4.3.9 Symfony CssSelector Comp...
symfony/debug v4.3.9 v4.3.9 Symfony Debug Component
symfony/debug-bundle v4.3.9 v4.3.9 Symfony DebugBundle
symfony/debug-pack v1.0.7 v1.0.7 A debug pack for Symfony...
symfony/dependency-injection v4.3.9 v4.3.9 Symfony DependencyInject...
symfony/doctrine-bridge v4.3.9 v4.3.9 Symfony Doctrine Bridge
symfony/dom-crawler v4.3.9 v4.3.9 Symfony DomCrawler Compo...
symfony/dotenv v4.3.9 v4.3.9 Registers environment va...
symfony/event-dispatcher v4.3.9 v4.3.9 Symfony EventDispatcher ...
symfony/event-dispatcher-contracts v1.1.7 v1.1.7 Generic abstractions rel...
symfony/expression-language v4.3.9 v4.3.9 Symfony ExpressionLangua...
symfony/filesystem v4.3.9 v4.3.9 Symfony Filesystem Compo...
symfony/finder v4.3.9 v4.3.9 Symfony Finder Component
symfony/flex v1.6.0 v1.6.0 Composer plugin for Symfony
symfony/form v4.3.9 v4.3.9 Symfony Form Component
symfony/framework-bundle v4.3.9 v4.3.9 Symfony FrameworkBundle
symfony/http-client v4.3.9 v4.3.9 Symfony HttpClient compo...
symfony/http-client-contracts v1.1.8 v1.1.8 Generic abstractions rel...
symfony/http-foundation v4.3.9 v4.3.9 Symfony HttpFoundation C...
symfony/http-kernel v4.3.9 v4.3.9 Symfony HttpKernel Compo...
symfony/inflector v4.3.9 v4.3.9 Symfony Inflector Component
symfony/intl v4.3.9 v4.3.9 A PHP replacement layer ...
symfony/ldap v4.3.9 v4.3.9 An abstraction in front ...
symfony/maker-bundle v1.14.3 v1.14.3 Symfony Maker helps you ...
symfony/mime v4.3.9 v4.3.9 A library to manipulate ...
symfony/monolog-bridge v4.3.9 v4.3.9 Symfony Monolog Bridge
symfony/monolog-bundle v3.5.0 v3.5.0 Symfony MonologBundle
symfony/options-resolver v4.3.9 v4.3.9 Symfony OptionsResolver ...
symfony/orm-pack v1.0.7 v1.0.7 A pack for the Doctrine ORM
symfony/phpunit-bridge v5.0.2 v5.0.2 Symfony PHPUnit Bridge
symfony/polyfill-intl-icu v1.13.1 v1.13.1 Symfony polyfill for int...
symfony/polyfill-intl-idn v1.13.1 v1.13.1 Symfony polyfill for int...
symfony/polyfill-mbstring v1.13.1 v1.13.1 Symfony polyfill for the...
symfony/polyfill-php72 v1.13.1 v1.13.1 Symfony polyfill backpor...
symfony/polyfill-php73 v1.13.1 v1.13.1 Symfony polyfill backpor...
symfony/process v4.3.9 v4.3.9 Symfony Process Component
symfony/profiler-pack v1.0.4 v1.0.4 A pack for the Symfony w...
symfony/property-access v4.3.9 v4.3.9 Symfony PropertyAccess C...
symfony/property-info v4.3.9 v4.3.9 Symfony Property Info Co...
symfony/routing v4.3.9 v4.3.9 Symfony Routing Component
symfony/security-bundle v4.3.9 v4.3.9 Symfony SecurityBundle
symfony/security-core v4.3.9 v4.3.9 Symfony Security Compone...
symfony/security-csrf v4.3.9 v4.3.9 Symfony Security Compone...
symfony/security-guard v4.3.9 v4.3.9 Symfony Security Compone...
symfony/security-http v4.3.9 v4.3.9 Symfony Security Compone...
symfony/serializer v4.3.9 v4.3.9 Symfony Serializer Compo...
symfony/serializer-pack v1.0.2 v1.0.2 A pack for the Symfony s...
symfony/service-contracts v1.1.8 v1.1.8 Generic abstractions rel...
symfony/stopwatch v4.3.9 v4.3.9 Symfony Stopwatch Component
symfony/swiftmailer-bundle v3.4.0 v3.4.0 Symfony SwiftmailerBundle
symfony/test-pack v1.0.6 v1.0.6 A pack for functional an...
symfony/translation v4.3.9 v4.3.9 Symfony Translation Comp...
symfony/translation-contracts v1.1.7 v1.1.7 Generic abstractions rel...
symfony/twig-bridge v4.3.9 v4.3.9 Symfony Twig Bridge
symfony/twig-bundle v4.3.9 v4.3.9 Symfony TwigBundle
symfony/validator v4.3.9 v4.3.9 Symfony Validator Component
symfony/var-dumper v4.3.9 v4.3.9 Symfony mechanism for ex...
symfony/var-exporter v4.3.9 v4.3.9 A blend of var_export() ...
symfony/web-link v4.3.9 v4.3.9 Symfony WebLink Component
symfony/web-profiler-bundle v4.3.9 v4.3.9 Symfony WebProfilerBundle
symfony/web-server-bundle v4.3.9 v4.3.9 Symfony WebServerBundle
symfony/yaml v4.3.9 v4.3.9 Symfony Yaml Component
Subject
I use FOSCKEditor in a form and everything was working nicely.
But since I added a Vue (VueJS) in an upper element the editor isn't showing anymore.
The textarea isn't visible but isn't replaced by the CKEditor.
I have tested getting rid of everything in my Vue but the simple fact that it has been loaded seems to trigger the conflict.
Steps to reproduce
Create a new Vue in a .js with
var vm = new Vue({
el: '#vm'
})
Then encapsulate the form (containing the CKEditor) with
<div id="vm">...</div>
And add to the same page
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<script src="PATH_TO_THE_.JS"></script>