Opened 9 years ago

Closed 9 years ago

Last modified 9 years ago

#9415 closed bug (notabug)

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:


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).

Change History (7)

comment:1 Changed 9 years ago by tj.vantoll

Owner: set to ic-productions
Status: newpending

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:

comment:2 Changed 9 years ago by ic-productions

Status: pendingnew

I have created an example, see:

comment:3 Changed 9 years ago by Scott González

Resolution: notabug
Status: newclosed

This has nothing to do with the tabs plugin:

comment:4 Changed 9 years ago by ic-productions

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.

comment:5 Changed 9 years ago by Scott González

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?

comment:6 Changed 9 years ago by ic-productions

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.

comment:7 Changed 9 years ago by Scott González

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.

Note: See TracTickets for help on using tickets.