Fixing “stretched” XPage extension library Name Picker in IE?

Question

Dalie came up with a great solution to stop the "stretched" to the right dialog boxes when they appear in IE.

Fixing "stretched" XPage extension library dialog box in IE?

Dalie's solution was to set the width of the dialog box. This worked great. But now I am having the same issue with the extension library Name Picker. It has a width property which I set but does not seem to solve the problem.

To review, basically in IE dialog boxes are "stretched" all the way over to the right border of the dialog box. No matter where you move the dialog box the right side stays anchored in place.

Any solution to this issue?

Answer 1

Try forcing IE not to use compatibility mode by setting the X-UA-Compatible header to IE=8 (or even IE=Edge):

<xp:this.beforeRenderResponse><![CDATA[#{javascript:  if (context.getUserAgent().isIE()) {
    var response = facesContext.getExternalContext().getResponse();
    response.setHeader("X-UA-Compatible", "IE=8");
  }}]]>
</xp:this.beforeRenderResponse>