Opened 10 years ago

Closed 10 years ago

Last modified 10 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 10 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 10 years ago by ic-productions

Status: pendingnew

I have created an example, see:

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

Resolution: notabug
Status: newclosed

This has nothing to do with the tabs plugin:

comment:4 Changed 10 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 10 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 10 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 10 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.