| Summary: | CSS2: { display: run-in } | ||
|---|---|---|---|
| Product: | [Applications] konqueror | Reporter: | Vadim Plessky <lucy-ples> |
| Component: | khtml | Assignee: | Konqueror Developers <konq-bugs> |
| Status: | RESOLVED FIXED | ||
| Severity: | normal | CC: | jos |
| Priority: | NOR | ||
| Version: | 3.0 | ||
| Target Milestone: | --- | ||
| Platform: | unspecified | ||
| OS: | Linux | ||
| Latest Commit: | http://commits.kde.org/calligra/5cc3e675ad014958d321f09a3914a834a01be5e3 | Version Fixed In: | |
On Fre 12 Okt 2001 Vadim Plessky wrote:
yes we know about that. please refer to the list on www.konqueror.org about
supported properties.
> Package: khtml
> Version: 3.0 (using KDE 2.2.1) (Linux Mandrake 8.0 i586)
> Severity: normal
> OS: Linux 2.4.3-20mdk i686
> Compiler: gcc version 2.96 (Linux-Mandrake 8.0 2.96-0.48mdk)
>
> CSS2: { display: run-in } property is not supported by KHTML.
> below is an example from w3C CSS2 specification
>
> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
> <HTML>
> <HEAD>
> <TITLE>A run-in box example</TITLE>
> <STYLE type="text/css">
> H3 { display: run-in }
> </STYLE>
> </HEAD>
> <BODY>
> <P>Should be:
> <PRE>
> A run-in heading. And a
> paragraph of text that
> follows it.
> </PRE>
> <HR>
> <H3>A run-in heading.</H3>
> <P>And a paragraph of text that
> follows it.
> </BODY>
> </HTML>
>
> --
>
> Vadim Plessky
> http://kde2.newmail.ru (English)
> 33 Window Decorations and 6 Widget Styles for KDE
> http://kde2.newmail.ru/kde_themes.html
> KDE mini-Themes
> http://kde2.newmail.ru/themes/
> _______________________________________________
> Konq-bugs mailing list
> Konq-bugs@mail.kde.org
> http://mail.kde.org/mailman/listinfo/konq-bugs
Dirk
On Fre 12 Okt 2001 Vadim Plessky wrote:
> property Support:
> 'overflow' partial except value scroll
> My testing shows that 'overflow' : auto is also not supported.
auto is the same as scroll therefor it isn't supported either
Dirk
On Fre 12 Okt 2001 Vadim Plessky wrote:
Yes I know. but adding scrollbars to arbitary elements isn't easy.
> On Friday 12 October 2001 16:47 Dirk Mueller wrote:
> | On Fre 12 Okt 2001 Vadim Plessky wrote:
> | > property Support:
> | > 'overflow' partial except value scroll
> | > My testing shows that 'overflow' : auto is also not supported.
> |
> | auto is the same as scroll therefor it isn't supported either
> |
> |
> | Dirk
>
> Ancient wisdom says: "one testcase is better than 1000 words" ;-))
> example below executed in Mozilla provides 2 scrollbars (horiz. and
> vertical) for { overflow: scroll; } and only one scollbar for { overflow:
> auto; } Reason: there is no overflow in horizontal direction inside DIV only
> inline elements which wrap.
>
> I can add only that recently on *w3c-style* maling list there was discussion
> about scrollbars.
> There is an opinion (out there) that scrollbar itself is really not
> necessary. There is a requirement in W3C specs for *scrolling mechanism* but
> it's said nowhere that scrollbar should be drawn.
> Anyway I think it's more convinient scrollbar than some *exotic* feature.
> Voice control in KDE is not implemented yet so we need scrollbar :))
> ----------------------------------------
> <html>
> <head>
> <BASE HREF="http://htmltests.newmail.ru/">
> <title>CSS * overflow: property testing * { overflow: auto scroll hidden
> }</title>
> <style type="text/css">
> /* Last modified: 6 Oct. 2001 */
>
> .placeholder
> {
> background: rgb(246200155);
> color: black;
> width: 100%;
> height: 530px;
>
> overflow: auto;
> }
>
> .vertspace
> {
> width: 100px;
> }
>
> /* block1 - overflow: property is not defined */
> .block0 {
> margin: 20px;
>
> border: 10px solid green;
>
> background: #B8B8B8;
> color: darkblue;
> width: 140px;
> height: 80px;
>
> }
>
> /* block1 - overflow: scroll; */
>
> .block1 {
> margin: 20px;
>
> border: 10px solid green;
>
> background: #B8B8B8;
> color: darkblue;
> width: 140px;
> height: 80px;
>
> overflow: scroll;
> }
>
> /* block2 - overflow: hidden; */
> .block2 {
> margin: 20px;
>
> border: 10px solid green;
>
> background: #B8B8B8;
> color: darkblue;
> width: 140px;
> height: 80px;
>
> overflow: hidden;
> }
>
> /* block3 - overflow: auto; */
> .block3 {
> margin: 20px;
>
> border: 10px solid green;
>
> background: #B8B8B8;
> color: darkblue;
> width: 140px;
> height: 80px;
>
> overflow: auto;
> }
>
> BODY P {
> font-size: 12px;
> font-name: "Arial" "Helvetica" sanserif
> }
> .descr {
> color: blue;
> font-weight: bold;
> }
> </style>
> </head>
>
> <body>
> <!--
> <P>CSS Box Model (Visual Media) testing</P>
> <HR>
> -->
> <P>Testing overflow property- DIV { overflow: auto } { overflow: scroll } {
> overflow: hidden }</P>
>
> <DIV class="placeholder">First line of text in placeholder block. <SPAN
> class="descr">overflow: property not defined</SPAN>
> <DIV class="block0">This is sample text which means nothing.
> This is sample text which means nothing. This is sample text which means
> nothing.
> This is sample text which means nothing.
> </DIV>
> Text between two DIVs. <SPAN class="descr">overflow: scroll</SPAN>
> <DIV class="block1">This is sample text which means nothing.
> This is sample text which means nothing. This is sample text which means
> nothing.
> This is sample text which means nothing.
> </DIV>
> Text between two DIVs. <SPAN class="descr">overflow: hidden</SPAN>
> <DIV class="block2">This is sample text which means nothing.
> This is sample text which means nothing. This is sample text which means
> nothing.
> This is sample text which means nothing.
> </DIV>
> Text between two DIVs. <SPAN class="descr">overflow: auto</SPAN>
> <DIV class="block3">This is sample text which means nothing.
> This is sample text which means nothing. This is sample text which means
> nothing.
> This is sample text which means nothing.
> </DIV>
>
> Last line of text in placeholder block.
> </DIV>
>
> <P>test text after examples please ignore it... :-)</P>
>
> </body>
> </html>
>
> --
>
> Vadim Plessky
> http://kde2.newmail.ru (English)
> 33 Window Decorations and 6 Widget Styles for KDE
> http://kde2.newmail.ru/kde_themes.html
> KDE mini-Themes
> http://kde2.newmail.ru/themes/
Dirk
On Friday 12 October 2001 14:38 Dirk Mueller wrote:
| On Fre 12 Okt 2001 Vadim Plessky wrote:
|
| yes we know about that. please refer to the list on www.konqueror.org
| about supported properties.
|
Ok on this page written that
property Support:
'overflow' partial except value scroll
My testing shows that 'overflow' : auto is also not supported.
And if you do not define 'overflow' at all it is suggested as "auto" and no
clipping effected.
(content is *bleeding* out of fixed-size box which is a bug)
Do you need a testcase? (it's ready)
{ display: none } also doesn't work
May I ask what are your plans for CSS2: { display: run-in compact marker }?
Also
'text-transform'
'word-spacing'
'text-align' : justify
'letter-spacing'
'font-size-adjust'
'font-stretch'
'empty-cells'
are somewhat minor issues but
'marker-offset'
'max-height'
'max-width'
'min-height'
'min-width'
'content'
together with { display: .. } variants are much more important
CSS2-styled borders for TABLE and its elements also do not work :-((
--
Vadim Plessky
http://kde2.newmail.ru (English)
33 Window Decorations and 6 Widget Styles for KDE
http://kde2.newmail.ru/kde_themes.html
KDE mini-Themes
http://kde2.newmail.ru/themes/
On Friday 12 October 2001 16:47 Dirk Mueller wrote:
| On Fre 12 Okt 2001 Vadim Plessky wrote:
| > property Support:
| > 'overflow' partial except value scroll
| > My testing shows that 'overflow' : auto is also not supported.
|
| auto is the same as scroll therefor it isn't supported either
|
|
| Dirk
Ancient wisdom says: "one testcase is better than 1000 words" ;-))
example below executed in Mozilla provides 2 scrollbars (horiz. and
vertical) for { overflow: scroll; } and only one scollbar for { overflow:
auto; } Reason: there is no overflow in horizontal direction inside DIV only
inline elements which wrap.
I can add only that recently on *w3c-style* maling list there was discussion
about scrollbars.
There is an opinion (out there) that scrollbar itself is really not
necessary. There is a requirement in W3C specs for *scrolling mechanism* but
it's said nowhere that scrollbar should be drawn.
Anyway I think it's more convinient scrollbar than some *exotic* feature.
Voice control in KDE is not implemented yet so we need scrollbar :))
----------------------------------------
<html>
<head>
<BASE HREF="http://htmltests.newmail.ru/">
<title>CSS * overflow: property testing * { overflow: auto scroll hidden
}</title>
<style type="text/css">
/* Last modified: 6 Oct. 2001 */
.placeholder
{
background: rgb(246200155);
color: black;
width: 100%;
height: 530px;
overflow: auto;
}
.vertspace
{
width: 100px;
}
/* block1 - overflow: property is not defined */
.block0 {
margin: 20px;
border: 10px solid green;
background: #B8B8B8;
color: darkblue;
width: 140px;
height: 80px;
}
/* block1 - overflow: scroll; */
.block1 {
margin: 20px;
border: 10px solid green;
background: #B8B8B8;
color: darkblue;
width: 140px;
height: 80px;
overflow: scroll;
}
/* block2 - overflow: hidden; */
.block2 {
margin: 20px;
border: 10px solid green;
background: #B8B8B8;
color: darkblue;
width: 140px;
height: 80px;
overflow: hidden;
}
/* block3 - overflow: auto; */
.block3 {
margin: 20px;
border: 10px solid green;
background: #B8B8B8;
color: darkblue;
width: 140px;
height: 80px;
overflow: auto;
}
BODY P {
font-size: 12px;
font-name: "Arial" "Helvetica" sanserif
}
.descr {
color: blue;
font-weight: bold;
}
</style>
</head>
<body>
<!--
<P>CSS Box Model (Visual Media) testing</P>
<HR>
-->
<P>Testing overflow property- DIV { overflow: auto } { overflow: scroll } {
overflow: hidden }</P>
<DIV class="placeholder">First line of text in placeholder block. <SPAN
class="descr">overflow: property not defined</SPAN>
<DIV class="block0">This is sample text which means nothing.
This is sample text which means nothing. This is sample text which means
nothing.
This is sample text which means nothing.
</DIV>
Text between two DIVs. <SPAN class="descr">overflow: scroll</SPAN>
<DIV class="block1">This is sample text which means nothing.
This is sample text which means nothing. This is sample text which means
nothing.
This is sample text which means nothing.
</DIV>
Text between two DIVs. <SPAN class="descr">overflow: hidden</SPAN>
<DIV class="block2">This is sample text which means nothing.
This is sample text which means nothing. This is sample text which means
nothing.
This is sample text which means nothing.
</DIV>
Text between two DIVs. <SPAN class="descr">overflow: auto</SPAN>
<DIV class="block3">This is sample text which means nothing.
This is sample text which means nothing. This is sample text which means
nothing.
This is sample text which means nothing.
</DIV>
Last line of text in placeholder block.
</DIV>
<P>test text after examples please ignore it... :-)</P>
</body>
</html>
--
Vadim Plessky
http://kde2.newmail.ru (English)
33 Window Decorations and 6 Widget Styles for KDE
http://kde2.newmail.ru/kde_themes.html
KDE mini-Themes
http://kde2.newmail.ru/themes/
--------------Boundary-00=_177E69HPVH81IGEE35JC
Content-Type: text/plain;
charset="iso-8859-1"
Content-Transfer-Encoding: 8bit
Hello Dirk!
I would like to return back to some issues raised in October 2001.
More and more sites start to use 'overflow' property. In particular some of
them use it for scrolling news in DIV and viewing such site with Konq
becomes really ugly.
And Mozilla supports it for some time already.
Besides I have seen already some pages using CSS2: { display: run-in }
So what about support for 'overflow' (and some CSS2 properties like display:
run-in compact) in KHTML?
Regards
Vadim
On Friday 12 October 2001 10:59 pm Dirk Mueller wrote:
| On Fre 12 Okt 2001 Vadim Plessky wrote:
|
| Yes I know. but adding scrollbars to arbitary elements isn't easy.
|
| > On Friday 12 October 2001 16:47 Dirk Mueller wrote:
| > | On Fre 12 Okt 2001 Vadim Plessky wrote:
| > | > property Support:
| > | > 'overflow' partial except value scroll
| > | > My testing shows that 'overflow' : auto is also not supported.
| > |
| > | auto is the same as scroll therefor it isn't supported either
| > |
| > |
| > | Dirk
| >
| > Ancient wisdom says: "one testcase is better than 1000 words" ;-))
| > example below executed in Mozilla provides 2 scrollbars (horiz. and
| > vertical) for { overflow: scroll; } and only one scollbar for {
| > overflow: auto; } Reason: there is no overflow in horizontal direction
| > inside DIV only inline elements which wrap.
| >
| > I can add only that recently on *w3c-style* maling list there was
| > discussion about scrollbars.
| > There is an opinion (out there) that scrollbar itself is really not
| > necessary. There is a requirement in W3C specs for *scrolling mechanism*
| > but it's said nowhere that scrollbar should be drawn.
| > Anyway I think it's more convinient scrollbar than some *exotic*
| > feature. Voice control in KDE is not implemented yet so we need
| > scrollbar :))
----------------------------------------
| > <html>
| > <head>
| > <BASE HREF="http://htmltests.newmail.ru/">
| > <title>CSS * overflow: property testing * { overflow: auto scroll
| > hidden }</title>
| > <style type="text/css">
[...]
--
Vadim Plessky
http://kde2.newmail.ru (English)
33 Window Decorations and 6 Widget Styles for KDE
http://kde2.newmail.ru/kde_themes.html
KDE mini-Themes
http://kde2.newmail.ru/themes/
--------------Boundary-00=_177E69HPVH81IGEE35JC
Content-Type: text/html;
charset="iso-8859-1";
name="DIV-overflow-demo.html"
Content-Transfer-Encoding: 7bit
Content-Disposition: attachment; filename="DIV-overflow-demo.html"
<html>
<head>
<BASE HREF="http://htmltests.newmail.ru/">
<title>CSS * overflow: property testing * { overflow: auto scroll hidden }</title>
<style type="text/css">
/* Last modified: 6 Oct. 2001 */
.placeholder
{
background: rgb(246200155);
color: black;
width: 100%;
height: 530px;
overflow: auto;
}
.vertspace
{
width: 100px;
}
/* block1 - overflow: property is not defined */
.block0 {
margin: 20px;
border: 10px solid green;
background: #B8B8B8;
color: darkblue;
width: 140px;
height: 80px;
}
/* block1 - overflow: scroll; */
.block1 {
margin: 20px;
border: 10px solid green;
background: #B8B8B8;
color: darkblue;
width: 140px;
height: 80px;
overflow: scroll;
}
/* block2 - overflow: hidden; */
.block2 {
margin: 20px;
border: 10px solid green;
background: #B8B8B8;
color: darkblue;
width: 140px;
height: 80px;
overflow: hidden;
}
/* block3 - overflow: auto; */
.block3 {
margin: 20px;
border: 10px solid green;
background: #B8B8B8;
color: darkblue;
width: 140px;
height: 80px;
overflow: auto;
}
BODY P {
font-size: 12px;
font-name: "Arial" "Helvetica" sanserif
}
.descr {
color: blue;
font-weight: bold;
}
</style>
</head>
<body>
<!--
<P>CSS Box Model (Visual Media) testing</P>
<HR>
-->
<P>Testing overflow property- DIV { overflow: auto } { overflow: scroll } { overflow: hidden }</P>
<DIV class="placeholder">First line of text in placeholder block. <SPAN class="descr">overflow: property not defined</SPAN>
<DIV class="block0">This is sample text which means nothing.
This is sample text which means nothing. This is sample text which means nothing.
This is sample text which means nothing.
</DIV>
Text between two DIVs. <SPAN class="descr">overflow: scroll</SPAN>
<DIV class="block1">This is sample text which means nothing.
This is sample text which means nothing. This is sample text which means nothing.
This is sample text which means nothing.
</DIV>
Text between two DIVs. <SPAN class="descr">overflow: hidden</SPAN>
<DIV class="block2">This is sample text which means nothing.
This is sample text which means nothing. This is sample text which means nothing.
This is sample text which means nothing.
</DIV>
Text between two DIVs. <SPAN class="descr">overflow: auto</SPAN>
<DIV class="block3">This is sample text which means nothing.
This is sample text which means nothing. This is sample text which means nothing.
This is sample text which means nothing.
</DIV>
Last line of text in placeholder block.
</DIV>
<P>test text after examples please ignore it... :-)</P>
</body>
</html>
--------------Boundary-00=_177E69HPVH81IGEE35JC--
I would like to add my AOLish "me too" to the list of people really wishing for support of these CSS properties. Konq is really the only reason I can't use them in my sites yet. Not being a KHTML programmer I have no idea if this is a useful idea but would it be possible to use something like the IFRAME code internally to at least do the overflow properties? I'm thinking since (at least visually) they act similar on the page maybe there's something there that can be leveraged... David -----Original Message----- From: Vadim Plessky [mailto:lucy-ples@mtu-net.ru] Sent: Saturday June 08 2002 9:04 AM To: kde-bugs-dist@master.kde.org Cc: KHTML Developers; Vadim Plessky Subject: Bug#33592: overflow: scroll; overflow: auto; [Re: CSS2: { display: run-in }] Hello Dirk! I would like to return back to some issues raised in October 2001. More and more sites start to use 'overflow' property. In particular some of them use it for scrolling news in DIV and viewing such site with Konq becomes really ugly. And Mozilla supports it for some time already. Besides I have seen already some pages using CSS2: { display: run-in } So what about support for 'overflow' (and some CSS2 properties like display: run-in compact) in KHTML? Regards Vadim On Friday 12 October 2001 10:59 pm Dirk Mueller wrote: | On Fre 12 Okt 2001 Vadim Plessky wrote: | | Yes I know. but adding scrollbars to arbitary elements isn't easy. | | > On Friday 12 October 2001 16:47 Dirk Mueller wrote: | > | On Fre 12 Okt 2001 Vadim Plessky wrote: | > | > property Support: | > | > 'overflow' partial except value scroll | > | > My testing shows that 'overflow' : auto is also not supported. | > | | > | auto is the same as scroll therefor it isn't supported either | > | | > | | > | Dirk | > | > Ancient wisdom says: "one testcase is better than 1000 words" ;-)) | > example below executed in Mozilla provides 2 scrollbars (horiz. and | > vertical) for { overflow: scroll; } and only one scollbar for { | > overflow: auto; } Reason: there is no overflow in horizontal direction | > inside DIV only inline elements which wrap. | > | > I can add only that recently on *w3c-style* maling list there was | > discussion about scrollbars. | > There is an opinion (out there) that scrollbar itself is really not | > necessary. There is a requirement in W3C specs for *scrolling mechanism* | > but it's said nowhere that scrollbar should be drawn. | > Anyway I think it's more convinient scrollbar than some *exotic* | > feature. Voice control in KDE is not implemented yet so we need | > scrollbar :)) ---------------------------------------- | > <html> | > <head> | > <BASE HREF="http://htmltests.newmail.ru/"> | > <title>CSS * overflow: property testing * { overflow: auto scroll | > hidden }</title> | > <style type="text/css"> [...] -- Vadim Plessky http://kde2.newmail.ru (English) 33 Window Decorations and 6 Widget Styles for KDE http://kde2.newmail.ru/kde_themes.html KDE mini-Themes http://kde2.newmail.ru/themes/ *** Bug 65293 has been marked as a duplicate of this bug. *** basic display: run-in support has been added. Git commit 5cc3e675ad014958d321f09a3914a834a01be5e3 by Boudewijn Rempt. Committed on 20/06/2014 at 12:26. Pushed by rempt into branch 'master'. Fix saving of the lock status M +1 -1 libs/widgets/KoDockWidgetTitleBar.cpp http://commits.kde.org/calligra/5cc3e675ad014958d321f09a3914a834a01be5e3 |
(*** This bug was imported into bugs.kde.org ***) Package: khtml Version: 3.0 (using KDE 2.2.1) (Linux Mandrake 8.0 i586) Severity: normal OS: Linux 2.4.3-20mdk i686 Compiler: gcc version 2.96 (Linux-Mandrake 8.0 2.96-0.48mdk) CSS2: { display: run-in } property is not supported by KHTML. below is an example from w3C CSS2 specification <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN"> <HTML> <HEAD> <TITLE>A run-in box example</TITLE> <STYLE type="text/css"> H3 { display: run-in } </STYLE> </HEAD> <BODY> <P>Should be: <PRE> A run-in heading. And a paragraph of text that follows it. </PRE> <HR> <H3>A run-in heading.</H3> <P>And a paragraph of text that follows it. </BODY> </HTML> -- Vadim Plessky http://kde2.newmail.ru (English) 33 Window Decorations and 6 Widget Styles for KDE http://kde2.newmail.ru/kde_themes.html KDE mini-Themes http://kde2.newmail.ru/themes/