Combobox error in CS - followup


#1

Enonic version: 7.1.0
OS: Linux
CS: 2.2.1

Hi!
This thread is a follow up of this one:

The issue still appears to us. Content studio is updated to the latest verion. We tried clearing browser cache and opening the page in incognito mode.
Here is the error we get in console:

_all.js:2984 Uncaught RangeError: Maximum call stack size exceeded
at String.replace (<anonymous>)
at V (_all.js:2984)
at Function.css (_all.js:2984)
at et (_all.js:2984)
at tt (_all.js:2984)
at Object.get (_all.js:2984)
at Function.css (_all.js:2984)
at _all.js:2984
at _ (_all.js:2984)
at k.fn.init.k.fn.<computed> [as width] (_all.js:2984)

Thanks!


#2

This is a different one. There were several error messages in your original post, one of the errors is fixed and this is the other one.

It seems like there’s something wrong with rendering of a dropdown of one of the selectors. When exactly are you getting this error - when trying to expand a dropdown? Which of them? A bit hard for us to reproduce since we don’t have your data.


#3

This happens when dropdown is used in any way - either by expanding it or by typing something in it. It happens when using combobox role, which is located under PROJECT_STAFF item-set. The weird thing is that I am not able to reproduce this too, but one of the editors faces this issue every time she uses this dropdown in any browser.


#4

Any info on which OS and browser this editor is using?


#5

Windows 10. Chrome latest version.


#6

Tested in Chrome 78 under Windows 10, no luck reproducing it. Need more info…


#7

Hi!

We have got one more similar issue in a different place. Now it happened for image selector. Here is the screenshot:
Image%20error

Here is the error:

Uncaught RangeError: Maximum call stack size exceeded
at String.replace (<anonymous>)
at V (_all.js:2984)
at Function.css (_all.js:2984)
at Object.set (_all.js:2984)
at Function.style (_all.js:2984)
at _all.js:2984
at _ (_all.js:2984)
at k.fn.init.k.fn.<computed> [as outerWidth] (_all.js:2984)
at applyColumnHeaderWidths (_all.js:14272)
at autosizeColumns (_all.js:14215)
_all.js:2984 Uncaught RangeError: Maximum call stack size exceeded
at String.replace (<anonymous>)
at V (_all.js:2984)
at Function.css (_all.js:2984)
at et (_all.js:2984)
at Object.set (_all.js:2984)
at Function.style (_all.js:2984)
at _all.js:2984
at _ (_all.js:2984)
at k.fn.init.k.fn.<computed> [as outerWidth] (_all.js:2984)
at applyColumnHeaderWidths (_all.js:14272)
4_all.js:2984 Uncaught RangeError: Maximum call stack size exceeded
at String.replace (<anonymous>)
at V (_all.js:2984)
at Function.css (_all.js:2984)
at et (_all.js:2984)
at Object.set (_all.js:2984)
at Function.style (_all.js:2984)
at _all.js:2984
at _ (_all.js:2984)
at k.fn.init.k.fn.<computed> [as outerWidth] (_all.js:2984)
at applyColumnHeaderWidths (_all.js:14272)
V @ _all.js:2984
css @ _all.js:2984
et @ _all.js:2984
set @ _all.js:2984
style @ _all.js:2984
(anonymous) @ _all.js:2984
_ @ _all.js:2984
k.fn.<computed> @ _all.js:2984
applyColumnHeaderWidths @ _all.js:14272
autosizeColumns @ _all.js:14215
resizeCanvas @ _all.js:15151
updateRowCount @ _all.js:15249
resizeCanvas @ _all.js:15154
updateRowCount @ _all.js:15249
resizeCanvas @ _all.js:15154
updateRowCount @ _all.js:15249
resizeCanvas @ _all.js:15154
updateRowCount @ _all.js:15249
resizeCanvas @ _all.js:15154
updateRowCount @ _all.js:15249
resizeCanvas @ _all.js:15154
updateRowCount @ _all.js:15249
resizeCanvas @ _all.js:15154
updateRowCount @ _all.js:15249
resizeCanvas @ _all.js:15154
updateRowCount @ _all.js:15249
resizeCanvas @ _all.js:15154
updateRowCount @ _all.js:15249
resizeCanvas @ _all.js:15154
updateRowCount @ _all.js:15249
resizeCanvas @ _all.js:15154
updateRowCount @ _all.js:15249
resizeCanvas @ _all.js:15154
updateRowCount @ _all.js:15249
resizeCanvas @ _all.js:15154
updateRowCount @ _all.js:15249
resizeCanvas @ _all.js:15154
updateRowCount @ _all.js:15249
resizeCanvas @ _all.js:15154
updateRowCount @ _all.js:15249
resizeCanvas @ _all.js:15154
updateRowCount @ _all.js:15249
resizeCanvas @ _all.js:15154
updateRowCount @ _all.js:15249
resizeCanvas @ _all.js:15154
updateRowCount @ _all.js:15249
resizeCanvas @ _all.js:15154
updateRowCount @ _all.js:15249
resizeCanvas @ _all.js:15154
updateRowCount @ _all.js:15249
resizeCanvas @ _all.js:15154
updateRowCount @ _all.js:15249
resizeCanvas @ _all.js:15154
updateRowCount @ _all.js:15249
resizeCanvas @ _all.js:15154
updateRowCount @ _all.js:15249
resizeCanvas @ _all.js:15154
updateRowCount @ _all.js:15249
resizeCanvas @ _all.js:15154
updateRowCount @ _all.js:15249
resizeCanvas @ _all.js:15154
updateRowCount @ _all.js:15249
resizeCanvas @ _all.js:15154
updateRowCount @ _all.js:15249
resizeCanvas @ _all.js:15154
updateRowCount @ _all.js:15249
resizeCanvas @ _all.js:15154
updateRowCount @ _all.js:15249
resizeCanvas @ _all.js:15154
updateRowCount @ _all.js:15249
resizeCanvas @ _all.js:15154
updateRowCount @ _all.js:15249
resizeCanvas @ _all.js:15154
updateRowCount @ _all.js:15249
resizeCanvas @ _all.js:15154
updateRowCount @ _all.js:15249
resizeCanvas @ _all.js:15154
updateRowCount @ _all.js:15249
resizeCanvas @ _all.js:15154
updateRowCount @ _all.js:15249
resizeCanvas @ _all.js:15154
updateRowCount @ _all.js:15249
resizeCanvas @ _all.js:15154
updateRowCount @ _all.js:15249
resizeCanvas @ _all.js:15154
updateRowCount @ _all.js:15249
resizeCanvas @ _all.js:15154
updateRowCount @ _all.js:15249
resizeCanvas @ _all.js:15154
updateRowCount @ _all.js:15249
resizeCanvas @ _all.js:15154
updateRowCount @ _all.js:15249
resizeCanvas @ _all.js:15154
updateRowCount @ _all.js:15249
resizeCanvas @ _all.js:15154
updateRowCount @ _all.js:15249
resizeCanvas @ _all.js:15154
updateRowCount @ _all.js:15249
resizeCanvas @ _all.js:15154
updateRowCount @ _all.js:15249
resizeCanvas @ _all.js:15154
updateRowCount @ _all.js:15249
resizeCanvas @ _all.js:15154
updateRowCount @ _all.js:15249
resizeCanvas @ _all.js:15154
updateRowCount @ _all.js:15249
resizeCanvas @ _all.js:15154
updateRowCount @ _all.js:15249
resizeCanvas @ _all.js:15154
updateRowCount @ _all.js:15249
resizeCanvas @ _all.js:15154
updateRowCount @ _all.js:15249
resizeCanvas @ _all.js:15154
updateRowCount @ _all.js:15249
resizeCanvas @ _all.js:15154
updateRowCount @ _all.js:15249
resizeCanvas @ _all.js:15154
updateRowCount @ _all.js:15249
resizeCanvas @ _all.js:15154
updateRowCount @ _all.js:15249
resizeCanvas @ _all.js:15154
updateRowCount @ _all.js:15249
resizeCanvas @ _all.js:15154
updateRowCount @ _all.js:15249
resizeCanvas @ _all.js:15154
updateRowCount @ _all.js:15249
resizeCanvas @ _all.js:15154
updateRowCount @ _all.js:15249
resizeCanvas @ _all.js:15154
updateRowCount @ _all.js:15249
resizeCanvas @ _all.js:15154
updateRowCount @ _all.js:15249
resizeCanvas @ _all.js:15154
updateRowCount @ _all.js:15249
resizeCanvas @ _all.js:15154
updateRowCount @ _all.js:15249
resizeCanvas @ _all.js:15154
updateRowCount @ _all.js:15249
resizeCanvas @ _all.js:15154
updateRowCount @ _all.js:15249
resizeCanvas @ _all.js:15154
updateRowCount @ _all.js:15249
resizeCanvas @ _all.js:15154
updateRowCount @ _all.js:15249
resizeCanvas @ _all.js:15154
updateRowCount @ _all.js:15249
resizeCanvas @ _all.js:15154
updateRowCount @ _all.js:15249
resizeCanvas @ _all.js:15154
updateRowCount @ _all.js:15249
resizeCanvas @ _all.js:15154
updateRowCount @ _all.js:15249
resizeCanvas @ _all.js:15154
updateRowCount @ _all.js:15249
resizeCanvas @ _all.js:15154
updateRowCount @ _all.js:15249
resizeCanvas @ _all.js:15154
updateRowCount @ _all.js:15249
resizeCanvas @ _all.js:15154
updateRowCount @ _all.js:15249
resizeCanvas @ _all.js:15154
updateRowCount @ _all.js:15249
resizeCanvas @ _all.js:15154
updateRowCount @ _all.js:15249
resizeCanvas @ _all.js:15154
updateRowCount @ _all.js:15249
resizeCanvas @ _all.js:15154
updateRowCount @ _all.js:15249
resizeCanvas @ _all.js:15154
updateRowCount @ _all.js:15249
resizeCanvas @ _all.js:15154
updateRowCount @ _all.js:15249
resizeCanvas @ _all.js:15154
updateRowCount @ _all.js:15249
resizeCanvas @ _all.js:15154
updateRowCount @ _all.js:15249
resizeCanvas @ _all.js:15154
updateRowCount @ _all.js:15249
resizeCanvas @ _all.js:15154
updateRowCount @ _all.js:15249
resizeCanvas @ _all.js:15154
updateRowCount @ _all.js:15249
resizeCanvas @ _all.js:15154
updateRowCount @ _all.js:15249
resizeCanvas @ _all.js:15154
updateRowCount @ _all.js:15249
resizeCanvas @ _all.js:15154
updateRowCount @ _all.js:15249
resizeCanvas @ _all.js:15154
updateRowCount @ _all.js:15249
resizeCanvas @ _all.js:15154
updateRowCount @ _all.js:15249
resizeCanvas @ _all.js:15154
updateRowCount @ _all.js:15249
resizeCanvas @ _all.js:15154
updateRowCount @ _all.js:15249
resizeCanvas @ _all.js:15154
updateRowCount @ _all.js:15249
resizeCanvas @ _all.js:15154
updateRowCount @ _all.js:15249
Show 170 more frames
2_all.js:2984 Uncaught RangeError: Maximum call stack size exceeded
at String.replace (<anonymous>)
at V (_all.js:2984)
at Function.css (_all.js:2984)
at Object.set (_all.js:2984)
at Function.style (_all.js:2984)
at _all.js:2984
at _ (_all.js:2984)
at k.fn.init.k.fn.<computed> [as outerWidth] (_all.js:2984)
at applyColumnHeaderWidths (_all.js:14272)
at autosizeColumns (_all.js:14215)
V @ _all.js:2984
css @ _all.js:2984
set @ _all.js:2984
style @ _all.js:2984
(anonymous) @ _all.js:2984
_ @ _all.js:2984
k.fn.<computed> @ _all.js:2984
applyColumnHeaderWidths @ _all.js:14272
autosizeColumns @ _all.js:14215
resizeCanvas @ _all.js:15151
updateRowCount @ _all.js:15249
resizeCanvas @ _all.js:15154
updateRowCount @ _all.js:15249
resizeCanvas @ _all.js:15154
updateRowCount @ _all.js:15249
resizeCanvas @ _all.js:15154
updateRowCount @ _all.js:15249
resizeCanvas @ _all.js:15154
updateRowCount @ _all.js:15249
resizeCanvas @ _all.js:15154
updateRowCount @ _all.js:15249
resizeCanvas @ _all.js:15154
updateRowCount @ _all.js:15249
resizeCanvas @ _all.js:15154
updateRowCount @ _all.js:15249
resizeCanvas @ _all.js:15154
updateRowCount @ _all.js:15249
resizeCanvas @ _all.js:15154
updateRowCount @ _all.js:15249
resizeCanvas @ _all.js:15154
updateRowCount @ _all.js:15249
resizeCanvas @ _all.js:15154
updateRowCount @ _all.js:15249
resizeCanvas @ _all.js:15154
updateRowCount @ _all.js:15249
resizeCanvas @ _all.js:15154
updateRowCount @ _all.js:15249
resizeCanvas @ _all.js:15154
updateRowCount @ _all.js:15249
resizeCanvas @ _all.js:15154
updateRowCount @ _all.js:15249
resizeCanvas @ _all.js:15154
updateRowCount @ _all.js:15249
resizeCanvas @ _all.js:15154
updateRowCount @ _all.js:15249
resizeCanvas @ _all.js:15154
updateRowCount @ _all.js:15249
resizeCanvas @ _all.js:15154
updateRowCount @ _all.js:15249
resizeCanvas @ _all.js:15154
updateRowCount @ _all.js:15249
resizeCanvas @ _all.js:15154
updateRowCount @ _all.js:15249
resizeCanvas @ _all.js:15154
updateRowCount @ _all.js:15249
resizeCanvas @ _all.js:15154
updateRowCount @ _all.js:15249
resizeCanvas @ _all.js:15154
updateRowCount @ _all.js:15249
resizeCanvas @ _all.js:15154
updateRowCount @ _all.js:15249
resizeCanvas @ _all.js:15154
updateRowCount @ _all.js:15249
resizeCanvas @ _all.js:15154
updateRowCount @ _all.js:15249
resizeCanvas @ _all.js:15154
updateRowCount @ _all.js:15249
resizeCanvas @ _all.js:15154
updateRowCount @ _all.js:15249
resizeCanvas @ _all.js:15154
updateRowCount @ _all.js:15249
resizeCanvas @ _all.js:15154
updateRowCount @ _all.js:15249
resizeCanvas @ _all.js:15154
updateRowCount @ _all.js:15249
resizeCanvas @ _all.js:15154
updateRowCount @ _all.js:15249
resizeCanvas @ _all.js:15154
updateRowCount @ _all.js:15249
resizeCanvas @ _all.js:15154
updateRowCount @ _all.js:15249
resizeCanvas @ _all.js:15154
updateRowCount @ _all.js:15249
resizeCanvas @ _all.js:15154
updateRowCount @ _all.js:15249
resizeCanvas @ _all.js:15154
updateRowCount @ _all.js:15249
resizeCanvas @ _all.js:15154
updateRowCount @ _all.js:15249
resizeCanvas @ _all.js:15154
updateRowCount @ _all.js:15249
resizeCanvas @ _all.js:15154
updateRowCount @ _all.js:15249
resizeCanvas @ _all.js:15154
updateRowCount @ _all.js:15249
resizeCanvas @ _all.js:15154
updateRowCount @ _all.js:15249
resizeCanvas @ _all.js:15154
updateRowCount @ _all.js:15249
resizeCanvas @ _all.js:15154
updateRowCount @ _all.js:15249
resizeCanvas @ _all.js:15154
updateRowCount @ _all.js:15249
resizeCanvas @ _all.js:15154
updateRowCount @ _all.js:15249
resizeCanvas @ _all.js:15154
updateRowCount @ _all.js:15249
resizeCanvas @ _all.js:15154
updateRowCount @ _all.js:15249
resizeCanvas @ _all.js:15154
updateRowCount @ _all.js:15249
resizeCanvas @ _all.js:15154
updateRowCount @ _all.js:15249
resizeCanvas @ _all.js:15154
updateRowCount @ _all.js:15249
resizeCanvas @ _all.js:15154
updateRowCount @ _all.js:15249
resizeCanvas @ _all.js:15154
updateRowCount @ _all.js:15249
resizeCanvas @ _all.js:15154
updateRowCount @ _all.js:15249
resizeCanvas @ _all.js:15154
updateRowCount @ _all.js:15249
resizeCanvas @ _all.js:15154
updateRowCount @ _all.js:15249
resizeCanvas @ _all.js:15154
updateRowCount @ _all.js:15249
resizeCanvas @ _all.js:15154
updateRowCount @ _all.js:15249
resizeCanvas @ _all.js:15154
updateRowCount @ _all.js:15249
resizeCanvas @ _all.js:15154
updateRowCount @ _all.js:15249
resizeCanvas @ _all.js:15154
updateRowCount @ _all.js:15249
resizeCanvas @ _all.js:15154
updateRowCount @ _all.js:15249
resizeCanvas @ _all.js:15154
updateRowCount @ _all.js:15249
resizeCanvas @ _all.js:15154
updateRowCount @ _all.js:15249
resizeCanvas @ _all.js:15154
updateRowCount @ _all.js:15249
resizeCanvas @ _all.js:15154
updateRowCount @ _all.js:15249
resizeCanvas @ _all.js:15154
updateRowCount @ _all.js:15249
resizeCanvas @ _all.js:15154
updateRowCount @ _all.js:15249
resizeCanvas @ _all.js:15154
updateRowCount @ _all.js:15249
resizeCanvas @ _all.js:15154
updateRowCount @ _all.js:15249
resizeCanvas @ _all.js:15154
updateRowCount @ _all.js:15249
resizeCanvas @ _all.js:15154
updateRowCount @ _all.js:15249
resizeCanvas @ _all.js:15154
updateRowCount @ _all.js:15249
resizeCanvas @ _all.js:15154
updateRowCount @ _all.js:15249
resizeCanvas @ _all.js:15154
updateRowCount @ _all.js:15249
resizeCanvas @ _all.js:15154
updateRowCount @ _all.js:15249
resizeCanvas @ _all.js:15154
updateRowCount @ _all.js:15249
resizeCanvas @ _all.js:15154
updateRowCount @ _all.js:15249
resizeCanvas @ _all.js:15154
updateRowCount @ _all.js:15249
resizeCanvas @ _all.js:15154
updateRowCount @ _all.js:15249
resizeCanvas @ _all.js:15154
updateRowCount @ _all.js:15249
resizeCanvas @ _all.js:15154
updateRowCount @ _all.js:15249
resizeCanvas @ _all.js:15154
updateRowCount @ _all.js:15249
resizeCanvas @ _all.js:15154
updateRowCount @ _all.js:15249
resizeCanvas @ _all.js:15154
updateRowCount @ _all.js:15249
resizeCanvas @ _all.js:15154
updateRowCount @ _all.js:15249
resizeCanvas @ _all.js:15154
updateRowCount @ _all.js:15249
resizeCanvas @ _all.js:15154
updateRowCount @ _all.js:15249
resizeCanvas @ _all.js:15154
updateRowCount @ _all.js:15249
resizeCanvas @ _all.js:15154
updateRowCount @ _all.js:15249
resizeCanvas @ _all.js:15154
updateRowCount @ _all.js:15249
resizeCanvas @ _all.js:15154
updateRowCount @ _all.js:15249
resizeCanvas @ _all.js:15154
updateRowCount @ _all.js:15249
resizeCanvas @ _all.js:15154
Show 170 more frames
3_all.js:2984 Uncaught RangeError: Maximum call stack size exceeded
at String.replace (<anonymous>)
at V (_all.js:2984)
at Function.css (_all.js:2984)
at et (_all.js:2984)
at Object.set (_all.js:2984)
at Function.style (_all.js:2984)
at _all.js:2984
at _ (_all.js:2984)
at k.fn.init.k.fn.<computed> [as outerWidth] (_all.js:2984)
at applyColumnHeaderWidths (_all.js:14272)
_all.js:2984 Uncaught RangeError: Maximum call stack size exceeded
at String.replace (<anonymous>)
at V (_all.js:2984)
at Function.css (_all.js:2984)
at Object.set (_all.js:2984)
at Function.style (_all.js:2984)
at _all.js:2984
at _ (_all.js:2984)
at k.fn.init.k.fn.<computed> [as outerWidth] (_all.js:2984)
at applyColumnHeaderWidths (_all.js:14272)
at autosizeColumns (_all.js:14215)
_all.js:2984 Uncaught RangeError: Maximum call stack size exceeded
at String.replace (<anonymous>)
at V (_all.js:2984)
at Function.css (_all.js:2984)
at et (_all.js:2984)
at Object.set (_all.js:2984)
at Function.style (_all.js:2984)
at _all.js:2984
at _ (_all.js:2984)
at k.fn.init.k.fn.<computed> [as outerWidth] (_all.js:2984)
at applyColumnHeaderWidths (_all.js:14272)

#8

We’re on it: https://github.com/enonic/app-contentstudio/issues/1146. Will keep you updated in this thread.


#9

We have released a new version of Content Studio (2.2.3) which adresses this bug. Please give it a try and let us know if the problem still exists.


#10

Hi!

We have updated CS to the most recent version, however, the issue still exists. Error seems to be the same:

Uncaught RangeError: Maximum call stack size exceeded
at String.replace ()
at V (_all.js:2984)
at Function.style (_all.js:2984)
at _all.js:2984
at _ (_all.js:2984)
at k.fn.init.k.fn. [as outerWidth] (_all.js:2984)
at applyColumnHeaderWidths (_all.js:14272)
at autosizeColumns (_all.js:14215)
at resizeCanvas (_all.js:15151)
at updateRowCount (_all.js:15249)


#11

And it’s still only one user that this error is reproduced for?


#12

I have managed to reproduce this issue on a different project once on Windows in Chrome by accident. However, I was not able to do it again later on any project. Unfortunately, no one could reproduce this again or provide more details.

We have also checked browser extensions, but there were no “aggressive” extensions which could do this effect.

Here is the second content type, where this issue happened for me:

<?xml version="1.0" encoding="UTF-8"?>
<content-type>
  <display-name>Product</display-name>
  <super-type>base:structured</super-type>
  <form>
    <input name="composition" type="TextLine">
      <label>Composition</label>
      <occurrences minimum="0" maximum="1"/>
    </input>
    <input name="price" type="Long">
      <label>Current price</label>
      <occurrences minimum="1" maximum="1"/>
    </input>
    <input name="finalPrice" type="Long">
      <label>Final price</label>
      <occurrences minimum="0" maximum="1"/>
    </input>
    <input name="mainImage" type="ImageSelector">
      <label>Main image</label>
      <occurrences minimum="1" maximum="1"/>
      <config>
        <allowPath>./*</allowPath>
      </config>
    </input>
    <input name="swatch" type="ImageSelector">
      <label>Swatch image</label>
      <occurrences minimum="1" maximum="1"/>
      <config>
        <allowPath>./*</allowPath>
      </config>
    </input>
    <input name="variations" type="ContentSelector">
      <label>Variations</label>
      <occurrences minimum="0" maximum="0"/>
      <config>
        <allowContentType>product</allowContentType>
      </config>
    </input>
    <input name="images" type="ImageSelector">
      <label>Images</label>
      <occurrences minimum="0" maximum="3"/>
      <config>
        <allowPath>./*</allowPath>
      </config>
    </input>
    <input name="description" type="HtmlArea">
      <label>Description</label>
      <config>
        <exclude>*</exclude>
        <include>alignleft alignright | bold italic | bullist numlist | link unlink</include>
      </config>
    </input>
    <input name="inventory" type="Long">
      <label>Inventory</label>
      <occurrences minimum="0" maximum="1"/>
    </input>
    <item-set name="sizes">
      <label>Available sizes</label>
      <items>
        <input name="title" type="TextLine">
          <label>Size</label>
          <occurrences minimum="1" maximum="1"/>
        </input>
        <input name="amount" type="Long">
          <label>Amount</label>
          <occurrences minimum="0" maximum="1"/>
        </input>
      </items>
      <occurrences minimum="0" maximum="0"/>
    </item-set>
    <input name="weight" type="Double">
      <label>Weight</label>
      <occurrences minimum="1" maximum="1"/>
    </input>
    <input name="digital" type="CheckBox">
      <label>Digital</label>
      <occurrences minimum="0" maximum="1"/>
    </input>
    <input name="preorder" type="CheckBox">
      <label>Preorder</label>
      <occurrences minimum="0" maximum="1"/>
    </input>
    <input name="discontinued" type="CheckBox">
      <label>Discontinued</label>
      <occurrences minimum="0" maximum="1"/>
    </input>
    <input name="type" type="ComboBox">
      <label>Item type</label>
      <occurrences minimum="1" maximum="1"/>
      <config>
        <option value="ticket">Ticket</option>
        <option value="clothes">Clothes</option>
      </config>
    </input>
    <input name="ticketType" type="ComboBox">
      <label>Ticket type</label>
      <occurrences minimum="0" maximum="1"/>
      <config>
        <option value="regularTicket">Regular</option>
        <option value="legendaryTicket">Legendary</option>
      </config>
    </input>
    <input name="generateIds" type="Long">
      <label>Ids amount</label>
    </input>
  </form>
</content-type>