Here, this illustrates the issue: http://mootools.net/shell/7wbwy/
The problem is that table rows don't support the overflow property. In my example, I've explicitly set the height of TRs to be 100px and I'm doing the transition slowly. You can see that as soon as the TR height gets to be that of the TD inside them, they stop transitioning, because the TR can't go to a height < the height of the TR. If you remove the height style for TRs (so they are just as high as the TDs inside them) you'll see that it looks like there's no height transition. There IS one, but the TR can't shrink. I can't really think of a way around this. On Thu, Feb 25, 2010 at 12:29 AM, bcdesign <[email protected]> wrote: > Working version: http://mootools.net/shell/3QXxB/1/ > > @Rolf -nl- When cells and rows use display:table, each cell adopts the > width of its column.. If cells use display:block, each cells no longer > adopts the column (th's) width. > @Aaron- Agreed... This isn't an ideal fix, but I did it as cleanly as > I could. > > > On Feb 24, 10:46 pm, Aaron Newton <[email protected]> wrote: > > this basically blows away the table layout. I'm pretty sure it's possible > to > > do this in a better way, but I don't have time to futz with it. The > > solution, I think, lies more in getting Fx.Reveal to use the proper table > > layout values... > > > > > > > > On Wed, Feb 24, 2010 at 10:43 PM, Rolf -nl <[email protected]> > wrote: > > > Can you put up your working version? > > > I wonder what you mean with "[..] that gave their child tds widths, to > > > mimic columns". How can a td *mimic* columns? > > > > > Cheers > > > > > On Feb 24, 10:56 pm, bcdesign <[email protected]> wrote: > > > > Actually, got it to work now :) I set td's and th's to display: > block, > > > > and cycled through the tr's with a js that gave their child td's > > > > widths, to mimic columns.. Works great. > > > > > > On Feb 21, 6:52 pm, Aaron Newton <[email protected]> wrote: > > > > > > > Because you can't get Fx.Reveal to transition table elements? > > > > > > > -Aaron > > > > > > > Sorry for any typos. Big fingers , tiny buttons. > > > > > > > On Feb 21, 2010, at 4:23 PM, bcdesign <[email protected]> wrote: > > > > > > > > No luck, but thanks for the response. I've decided to look into > other > > > > > > solutions besides mootools. > > > > > > > > On Feb 19, 10:05 am, Aaron Newton <[email protected]> wrote: > > > > > >> Fx.Reveal is likely to have issues dealing with table elements, > but > > > > > > > >> it does > > > > > >> have an option for this purpose. The "display" option determines > > > > > >> what value > > > > > >> it uses during the transition - it defaults to "block" but you > can > > > > > >> try > > > > > >> setting it to "table-row". > > > > > > > >> On Thu, Feb 18, 2010 at 8:20 PM, bcdesign <[email protected]> > > > wrote: > > > > > >>> Thanks for the response, I tried explicitly setting the rows' > > > > > >>> display > > > > > >>> to table-row, but it doesnt look like it changes anything.. > > > > > > > >>> -Boris > > > > > > > >>> On Feb 18, 6:39 pm, "Dubas, Joao" <[email protected]> > wrote: > > > > > >>>> Hi, > > > > > > > >>>> Probably your problem is related to your css, when you set a > > > > > >>>> table row to > > > > > >>>> 'display: block', this isn't the default display value for > rows, > > > > > >>>> you > > > > > >>> should > > > > > >>>> set the display property to: 'table-row' (except for IE up to > 7, > > > > > >>>> that > > > > > >>>> doesn't recognize all the values for display). > > > > > > > >>>> Joao P Dubas > > > > > > > >>>> On Thu, Feb 18, 2010 at 10:10 PM, bcdesign <[email protected] > > > > > > > >>>> wrote: > > > > > >>>>> Oops, I meant to put up a sample. > > > > > > > >>>>> The page:http://bcdesignplace.com/dev/reveal/ > > > > > >>>>> Shell:http://mootools.net/shell/XtCT9/ > > > > > > > >>>>> Thanks, > > > > > >>>>> Boris > > > > > > > >>>>> On Feb 18, 3:33 pm, Ryan Florence <[email protected]> > wrote: > > > > > >>>>>> put a sample up onhttp://mootools.net/shell > > > > > > > >>>>>> On Feb 18, 2010, at 4:04 PM, bcdesign wrote: > > > > > > > >>>>>>> Hi, > > > > > > > >>>>>>> I'm new to this usergroup but I've been using mootools for > a > > > > > >>>>>>> bit, > > > > > >>> and > > > > > >>>>>>> sometimes mootools seems to cause some really weird bugs... > > > I've > > > > > >>> been > > > > > >>>>>>> working on this one for the second day now. > > > > > > > >>>>>>> Basically, I have a table and several select elements. When > a > > > > > >>> select > > > > > >>>>>>> value is changed, the rows of the table (tr) that are > > > > > >>>>>>> displayed are > > > > > >>>>>>> filtered according to the select value and the content of > each > > > > > > > >>>>>>> tr's > > > > > >>>>>>> td. > > > > > > > >>>>>>> The problems: the fx.dissolve animation is choppy, and when > > > > > >>> changing > > > > > >>>>>>> the select value 2 or more times the layout breaks. > > > > > > > >>>>>>> This looks like a problem with fx.reveal/dissolve and how > they > > > > > > > >>>>>>> work > > > > > >>>>>>> with tables, but not sure. > > > > > > > >>>>>>> Any help would really be appreciated, > > > > > >>>>>>> Boris >
