Bug 33592 - CSS2: { display: run-in }
Summary: CSS2: { display: run-in }
Status: RESOLVED FIXED
Alias: None
Product: konqueror
Classification: Applications
Component: khtml (show other bugs)
Version: 3.0
Platform: unspecified Linux
: NOR normal
Target Milestone: ---
Assignee: Konqueror Developers
URL:
Keywords:
: 65293 (view as bug list)
Depends on:
Blocks:
 
Reported: 2001-10-11 21:18 UTC by Vadim Plessky
Modified: 2014-06-20 12:26 UTC (History)
1 user (show)

See Also:
Latest Commit:
Version Fixed In:
Sentry Crash Report:


Attachments

Note You need to log in before you can comment on or make changes to this bug.
Description Vadim Plessky 2001-10-12 00:53:50 UTC
(*** 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/
Comment 1 Dirk Mueller 2001-10-12 14:38:51 UTC
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
Comment 2 Dirk Mueller 2001-10-12 16:47:51 UTC
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
Comment 3 Dirk Mueller 2001-10-12 18:59:46 UTC
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
Comment 4 Vadim Plessky 2001-10-12 20:27:37 UTC
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/
Comment 5 Vadim Plessky 2001-10-12 22:49:57 UTC
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/
Comment 6 Vadim Plessky 2002-06-08 15:04:13 UTC
--------------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--
Comment 7 David Joham 2002-06-10 14:25:54 UTC
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/
Comment 8 Dirk Mueller 2003-10-20 00:32:38 UTC
*** Bug 65293 has been marked as a duplicate of this bug. ***
Comment 9 Dirk Mueller 2003-10-21 01:49:18 UTC
basic display: run-in support has been added. 
Comment 10 Halla Rempt 2014-06-20 12:26:30 UTC
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