Skip to main content

Search and Top Navigation

#8677 closed bug (wontfix)

Opened October 15, 2012 02:25PM UTC

Closed November 08, 2012 02:32PM UTC

Tabs: input text truncated when width is set inside tabs in IE10

Reported by: yauhen Owned by:
Priority: minor Milestone: 1.10.0
Component: ui.tabs Version: 1.9.0
Keywords: Cc:
Blocked by: Blocking:

I have tested tabs in Jquery UI 1.8.15 and upper. In IE 10,

for even small demo if you have input type="text" inside tab

and set width for input in css - text by strange reason is truncated.

I see that base theme .ui-widget input style affect fonts.

But style only itself doesn't case such problems. Only after applying tabs

it create problems.

Attachments (0)
Change History (8)

Changed October 15, 2012 04:06PM UTC by petersendidit comment:1

status: newopen
summary: input text truncated when width is set inside tabs in IE10Tabs: input text truncated when width is set inside tabs in IE10

Changed October 15, 2012 05:23PM UTC by petersendidit comment:2

This is also a problem with 1.8.24 so most likely a bug in IE10.

Changed October 16, 2012 03:19PM UTC by tj.vantoll comment:3

Created a minimal new example that shows that applying the tabs creates the problem -

Changed October 16, 2012 03:46PM UTC by tj.vantoll comment:4

This is not a jQuery UI bug; I can recreate the problem without it -

Changed October 16, 2012 04:04PM UTC by tj.vantoll comment:5

Changed October 16, 2012 08:17PM UTC by scottgonzalez comment:6

resolution: wontfix
status: closedreopened

I'd like to investigate this a bit more to see if there's any workaround we can implement. I'll also nudge Microsoft to see if they can get this fixed in a patch release.

Changed October 16, 2012 08:17PM UTC by scottgonzalez comment:7

status: reopenedopen

Changed November 08, 2012 02:32PM UTC by scottgonzalez comment:8

resolution: → wontfix
status: openclosed

From Tony Ross (Microsoft):

Unfortunately I don’t think this will make our bar for a patch update since the issue automatically resolves itself when the user interacts with the control, but I’ll definitely make sure it stays on our radar for the next release.
As for code-based workarounds, there are various ways you can poke the input element itself to get it to it to update if you so desire (updating the value, changing the width of the element inline, assigning the width inline to begin with, etc). These are fairly easy to use on page-by-page basis, but probably not as easy to generically apply as part of a framework like jQuery UI.

Based on that, I'm going to set this back to wontfix.