AngularJS form does not work when COMPRESS_ENABLED=False

[Vishal Manchanda]

When you are running horizon on the development server(tox -e runserver) and tries to create a swift container then you are not able to enter the name for your server in the create container form although it runs fine if you are using apache devstack env.

[Akihiro Motoki (amotoki)]

When this happens, you can see the following error in JS console.

TypeError: args.fieldFrag.firstChild.setAttribute is not a function
    at sfField (schema-form.js:83)
    at schema-form.js:319
    at Array.forEach (<anonymous>)
    at schema-form.js:319
    at Array.reduce (<anonymous>)
    at build (schema-form.js:259)
    at Object.build (schema-form.js:336)
    at internalRender (schema-form.js:2633)
    at render (schema-form.js:2595)
    at schema-form.js:2678

[Akihiro Motoki (amotoki)]

This issue happens for all AngularJS based form like "Create Key Pair", "Create Role", "Create Server Group" and so on.

[Akihiro Motoki (amotoki)]

After checking more combination of (Apache server, Django development server) and (Compress, no compress), it turns out that it happens when offline compression is disabled.

When I specified the below in local_settings.py, it happens both with Apache2 server and Django dev server.

COMPRESS_OFFLINE = False
COMPRESS_ENABLED = False

(Note that I have't tested COMPRESS_ENABLED=True and COMPRESS_OFFLINE=False)

[Akihiro Motoki (amotoki)]

A combo of COMPRESS_ENABLED=True and COMPRESS_OFFLINE=False works.

This issue makes JS development extermely hard..... as it is not easy to debug JS code in browser dev tools.....

[Akihiro Motoki (amotoki)]

I think it is high priority. It does not affect horizon deployments but it affects development efficiency a lot.