W3C home > Mailing lists > Public > whatwg@whatwg.org > September 2012

[whatwg] Font Resize Event

From: Hugh Guiney <hugh.guiney@gmail.com>
Date: Wed, 26 Sep 2012 02:41:06 -0400
Message-ID: <CAEHyr+ZhyytWCt0xPct8UuV15Sh+idpwJr86FGO4rXRteaNR7w@mail.gmail.com>
To: whatwg <whatwg@lists.whatwg.org>
My use case: I have a <div> with overflow: hidden that contains slides
as part of a JavaScript carousel. It has to be overflow: hidden
because otherwise the unseen slides are visible/stretch the page. And
because each slide is different, the containing <div> therefore needs
to grow/shrink in height depending on the content currently being
displayed. This is trivial enough to do, by changing the height to
match its contents whenever a slide change occurs, or a resize or
orientationchange event is fired, but currently if I increase or
decrease the font size, the content can get cut off, or there will be
a ton of extra white space, since the <div> height is out of sync with
the height of its contents. This could be easily remedied with a
fontresize (or textresize) event.

Some existing efforts to fill in this functionality, going back to
2005, demonstrate the utility beyond just this use case:

http://www.alistapart.com/articles/fontresizing/
http://www.tomdeater.com/jquery/onfontresize/
http://wellstyled.com/en/javascript-onfontresize-jquery-plugin/
http://dev.sencha.com/playpen/docs/output/Ext.EventManager.html#onTextResize
https://bugzilla.mozilla.org/show_bug.cgi?id=303405

While it's true I could use one of the existing scripts I listed, to
me they are all unusable as the change detections don't always occur
when a Cmd-+/- is issued.
Received on Wednesday, 26 September 2012 06:41:55 UTC

This archive was generated by hypermail 2.4.0 : Wednesday, 22 January 2020 16:59:45 UTC