honor style="..." tags to widgets

[bill]

Partly covered by #4444 but maybe there needs to be a general mechanism (like attributeMap) to take the attributes specified in a style="..." tag to a widget, like:

<input dojoType="..." style="border: black 3px; padding: 4px; color: red;">

and distribute them appropriately across the widget's dom nodes.

This is what users expect because that syntax works with native controls.

OTOH even if we get that to work, this *won't* work:

<style>
  #foo {
     border: solid black 3px;
     padding: 3px;
     color: red;
 }
</style>
<input id="foo" dojotype="...">

so maybe it's a slippery slope we don't want to go down? Not sure.

[bill]

(In [10663]) 1. Move validation icon to appear inside the box (for TextBox?, ValidationTextBox?, ComboBox?, and Spinner template based widgets).

2. Width setting applies to outer node: setting combobox to width=100px leaves 16px

for the arrow icon and 84px for the input node (unless the error icon is shown, in which case the input gets less space). Size property desupported.

This is still rough; it needs some more CSS cleanup and haven't even looked at soria yet... but the basics are there.

Fixes #4444, #4512, #4489 Refs #4475, #4513

[alex]

Milestone 2.0 deleted

[bill]

See also #11242.

[bill]

Doug is a big fan of this concept, and IIRC the form widgets mostly do handle style settings by mapping the specified style to two separate nodes but then using !important rules so only the relevant sections get applied to each node.

Still, not sure what I want to do for 2.0.

[bill]

In ​https://github.com/ibm-js/deliteful all sizing is done by the browser, so this isn't really an issue anymore.