JSFiddle - React, Tailwind, and code Playground

by Durtto

HTML

<link rel="stylesheet" href="http://dev.sencha.com/deploy/ext-4.1.0-gpl/resources/css/ext-all.css">
<script src="http://dev.sencha.com/deploy/ext-4.1.0-gpl/ext.js"></script>
<script src="http://dev.sencha.com/deploy/ext-4.1.0-gpl/examples/desktop/all-classes.js"></script>

JavaScript

// NOTE: In this JSFiddle instance (http://jsfiddle.net/4JubT/3/)
//       there are 2 resources in the 'Manage Resources' section 
//       of the left sidebar. The all-classes.js is NOT used here,
//       but is part of the Desktop/Webtop code we use in our app.
//       I include it here, simply to reproduce the issue we have.
//       When the all-classes.js file is included, the controller
//       fails to capture events properly for the datefield or combobox.
//       Remove it, and everything works as expected. Why?

Ext.define('MyApp.view.events.Form', {

    alias:                             'widget.eventsform',
    extend:                            'Ext.form.Panel',
    itemId:                            'eventsform',

    requires:                           [
        'Ext.data.*',
        'Ext.form.field.ComboBox',
        'Ext.form.field.Date',
        'Ext.form.field.Text'
    ],

    initComponent:                      function(){

        this.dateField = Ext.create('Ext.form.field.Date',{
            fieldLabel:                'Date',
            itemId:                    'eventsFormDateField'
        });
        
        this.textField = Ext.create('Ext.form.field.Text',{
            fieldLabel:                'Text',
            itemId:                    'eventsFormTextField'
        });

        this.campaignsComboBox = Ext.create('Ext.form.field.ComboBox', {
            displayField:              'name',
            fieldLabel:                'Combo',
            itemId:                    'eventsFormComboBox',
            store:                      Ext.create('Ext.data.ArrayStore', {
                fields:                 ['name'],
                data:                   [['ONE'], ['TWO'], ['THREE']]
            }),
            valueField:                'id'
        });

        var config = {        
            autoRender:                 true,
            items:                      [
                this.dateField,
              ...