Fork me on GitHub
Subscribe 5

Ticket #884 (fixed bug)

No horizontal scrollbar in [code]

  • Created: 2013-08-16 11:15:01
  • Reported by: 123
  • Assigned to: Studio384
  • Milestone: 1.5.5
  • Component: styling
  • Priority: normal

The scrollbar doesn't appear in a codebox, even if there is something to scroll. Issue 858 related.


Studio384 2013-08-16 12:32:21

And what exactly is the issue? I fail to see it.

123 2013-08-16 12:44:28

The code is cut off in the preview.

Effectively terminated the code.

It's some bug in the style used on the forum. I think that the style of air forum, css is not updated. In the footer, 1.5.3 and 1.5.4 is not pretty. heh

Studio384 2013-08-16 14:49:36

  • Description changed. (Diff)
  • Milestone set to 1.5.5.
  • Owner set to Studio384.
  • Summary changed from error in [code] to No horizontal scrollbar in [code].

Got the problem and I know the issie, this bug is caused by ticket #858 from milestone 1.5.4. I suggest a revert, since issue #858 isn't anything functionality, and we have seen this kind off issues a while ago with this site.

Visman 2013-08-17 15:29:27

.pun .codebox pre {
	overflow: hidden;
	width: 100%;
	direction: ltr;
	text-align: left;


.pun .codebox pre {
	overflow: auto;
	width: 100%;
	direction: ltr;
	text-align: left;


Franz 2013-08-17 18:28:12

Yes, please revert. I have that issue, too, now.

Studio384 2013-08-17 20:39:38

Visman, are you sure this works to, in 1.5.3, it was like this:

.pun .codebox pre {
	overflow: auto;
	width: 100%;
	direction: ltr;
	text-align: left;

There was also a line for overflow-y, not necessary?

Visman 2013-08-18 02:28:16

FF and Chrome
4e6b2478832285da20b771815ce582f0.jpg fd0836ac036c8bc975d061ec9054bd57.jpg

5ea990e2fb1d02026028e6849f982fab.jpg 71a9be9a3b925d832026ef3ace72c377.jpg

123 2013-08-18 06:27:44

wd1t.png  Once he reported this bug, so please this is my patch that works.

.pun .codebox pre {
	width: 100%;
	direction: ltr;
	text-align: left;

* html .pun .codebox pre {
	padding-bottom: 10px;

*:first-child+html .pun .codebox pre {
	padding-bottom: 10px;

.pun .codebox pre code {
	padding: 0.75em;
	white-space: pre;

.pun div[class*=codebox] pre code {
	display: inline-block;

* html .pun .codebox pre code {
	display: block;

.pun .codebox pre.vscroll {
	height: 32em;
	overflow: auto;
	overflow-y: auto

karol 2013-08-26 00:59:07

Horizontal scrolling seems to be preserved if the code needs vertical scrolling too … 5#p1317045

Studio384 2013-08-26 08:46:53

Commit 4f859ab to fluxbb master

#884 No horizontal scrollbar in [code]

Studio384 2013-08-26 08:56:27

Thanks for the information Karol. Anyway, the issue should be fixed as soon as Franz (or anyone else) merges my commit.

Franz 2013-09-03 15:47:47

  • Status changed from open to fixed.

Franz 2013-09-03 15:48:17

Commit 3b7d713 to fluxbb master

Merge pull request #89, fixing #884.


Visman 2013-09-06 15:07:26

Your decision doesn't work in IE8 (other versions I didn't test) tongue
My decision works

123 2013-09-06 18:08:23

Support for IE from version 9

IE8,7,6 not support

Franz 2013-09-06 19:39:59

  • Status changed from fixed to open.

It should be supported, though - I'm pretty sure it was supported before we made that dubious change in the last release.

123 2013-09-07 09:08:49

From IE 9, before there is nothing to support the.

PS. Why not finally rounding generate CSS rather than graphics? IE already latch enable border-radius

Studio384 2013-09-07 09:11:37

Because we support Internet Explorer 6, 7 and 8.

Studio384 2013-10-09 13:13:36

Commit f734e2c to fluxbb master

#884 Fix code field scroll bars

quy 2013-10-09 14:19:47

Commit f4779da to fluxbb master

Merge pull request #91 from Studio384/master

#884 Fix scrollbars, #896 HTTP 403/404 errors and #911 SCC bugs in IE11

Studio384 2013-10-09 14:21:12

  • Status changed from open to fixed.