#9415 closed bug (notabug)

Opened July 09, 2013 12:52PM UTC

Closed July 10, 2013 12:27PM UTC

Last modified July 10, 2013 01:38PM UTC

tab width

Reported by: ic-productions Owned by: ic-productions
Priority: minor Milestone: none
Component: ui.tabs Version: 1.10.3
Keywords: Cc:
Blocked by: Blocking:
Description

tab width is set to the window width and does not take the width of the content into account.

So when I have to scroll (horizontally) to see the document content css on the right side is missing (so is the tab header of course).

Attachments (0)
Change History (7)

Changed July 09, 2013 12:53PM UTC by tj.vantoll comment:1

owner: → ic-productions
status: new → pending

Hi ic-productions,

Thanks for taking the time to contribute to the jQuery UI project. In order to assess this ticket we'll need a reduced test case that shows the problem you're experiencing. You can use this as a starting point: http://jsfiddle.net/tj_vantoll/ZjgbK/.

Changed July 10, 2013 07:50AM UTC by ic-productions comment:2

status: pending → new

I have created an example, see:

http://jsfiddle.net/ic_productions/tXehK/6/

Changed July 10, 2013 12:27PM UTC by scottgonzalez comment:3

resolution: → notabug
status: new → closed

This has nothing to do with the tabs plugin: http://jsfiddle.net/tXehK/9/

Changed July 10, 2013 01:02PM UTC by ic-productions comment:4

If you mean that this is related to the css, this is right.

But the css is 'part' of the tabs plugin. How would you suggest to solve this issue.

Using tabs in this case does not like as nice as it should be.

Changed July 10, 2013 01:07PM UTC by scottgonzalez comment:5

No, I mean that it has NOTHING to do with the tabs plugin. Did you look at the updated fiddle which doesn't use the tabs JS or CSS at all and shows the exact same behavior?

Changed July 10, 2013 01:29PM UTC by ic-productions comment:6

I think you are missing the point here.

The tab-page has a backgound and border depending on the theme used.

The content of the tab-page, which is added dynamically exceeds the width of that tab-page.

Now when I scroll in the browser window the tab-page is not updated.

The css settings for the parent div-tag are not relevant and should not be used because this would interfere with the theme chosen. And yes I did look at the updated fiddle.

I think the solution should be in the css of the plugin. You can argue the fact that this is a bug, but it certainly is not something that is intended behaviour.

Changed July 10, 2013 01:38PM UTC by scottgonzalez comment:7

This is just how tables work. The div that contains it does not expand. It has nothing to do with the tabs plugin. Please ask for help on the forums or Stack Overflow.