Using static inner class as itemType of a grid with HTML template

[tanbt]

Steps to reproduce

• Create a FW8 template with a grid inside a vertical-layout
• Create an inner static class
• in itemType property of the grid, select that static inner class
• use that template in an UI, run the app and access the UI

Actual behavior

The UI isn't rendered and throw exception:

java.lang.IllegalArgumentException: Unable to find class org.test.mypack.MyClass.MyStaticClass
        at com.vaadin.ui.Grid.resolveClass(Grid.java:4422)
        at com.vaadin.ui.Grid.setBeanType(Grid.java:4394)
        at com.vaadin.ui.Grid.doReadDesign(Grid.java:4351)
        at com.vaadin.ui.AbstractListing.readDesign(AbstractListing.java:356)
        at com.vaadin.ui.declarative.DesignContext.readDesign(DesignContext.java:526)
        at com.vaadin.ui.declarative.DesignContext.readDesign(DesignContext.java:506)
        at com.vaadin.ui.AbstractOrderedLayout.readDesign(AbstractOrderedLayout.java:471)
        at com.vaadin.ui.declarative.DesignContext.readDesign(DesignContext.java:526)
        at com.vaadin.ui.declarative.Design.designToComponentTree(Design.java:502)
        at com.vaadin.ui.declarative.Design.read(Design.java:612)
        at org.test.MyDesign.<init>(MyDesign.java:24)

Expected behavior

The UI is rendered normally.

IDE, Designer and OS version

Eclipse and IntelliJ, Designer 2,3, all OS.

[tanbt]

Workaround:
In the HTML template, grid itemType for static inner class must alway use $ for the inner class instead of ..
E.g: org.test.mypack.MyClass$MyStaticClass
instead of org.test.mypack.MyClass.MyStaticClass

And the itemType in Editor's Properties table will show org.test.mypack.MyClass.MyStaticClass, making it easier for users to type or copy/paste this class name around.

But when users connect that grid to a property in Java companion file, class name must use ..
https://vaadin.slack.com/archives/C3XABCQGK/p1535110028000100