My dialog appears broken(Truncated) from the right side in chrome and safari browser. This is only happening when I am using sightly template (HTML) . If I open the same dialog in a jsp based template it appears fine.
the dialog.xml :-
<fieldset
jcr:primaryType="cq:Widget"
collapsed="{Boolean}true"
collapsible="{Boolean}true"
title="fieldset"
xtype="dialogfieldset">
<items jcr:primaryType="cq:WidgetCollection">
<firstnametitle
jcr:primaryType="cq:Widget"
fieldDescription="Enter first name title text"
fieldLabel="First Name Title"
name="./firstnametitle"
xtype="textfield"/>
<subjecttype
jcr:primaryType="cq:Widget"
fieldLabel="Subject Recipients"
id="subjecttype"
name="./subjecttype"
xtype="multifield">
<fieldConfig
jcr:primaryType="nt:unstructured"
allowBlank="{Boolean}false"
displayField="authored list of subject list with corresponding email-addresses."
regex="/^.+=.+$/"
width="auto"
xtype="textfield"/>
</subjecttype>
</items>
</fieldset>