RolePlay onLine RPoL Logo

, welcome to Technical Discussions

07:21, 27th May 2024 (GMT+0)

Quote and table nesting breaks responsive formatting.

Posted by Rathmun
Rathmun
member, 24 posts
Mon 23 Jan 2023
at 21:02
  • msg #1

Quote and table nesting breaks responsive formatting.

With the following formatting at the end of this post...


<quote https://www.rpol.net/display.cgi?gi=9590&ti=2063&z=2&date=1674507770#2#1>
| tiny | table
| for | testing </quote>


tinytable
fortesting

This message was last edited by the user at 21:05, Mon 23 Jan 2023.
Rathmun
member, 25 posts
Mon 23 Jan 2023
at 21:02
  • msg #2

Quote and table nesting breaks responsive formatting.

...The formatting in this post gets borked on the responsive site.
This message had punctuation tweaked by the user at 21:02, Mon 23 Jan 2023.
Rathmun
member, 26 posts
Mon 23 Jan 2023
at 21:03
  • msg #3

Quote and table nesting breaks responsive formatting.

And this one too.
This message was last edited by the user at 21:03, Mon 23 Jan 2023.
Rathmun
member, 27 posts
Mon 23 Jan 2023
at 21:04
  • msg #4

Quote and table nesting breaks responsive formatting.

Seems to be any additional posts on the same page.  Not sure about subsequent pages.
Rathmun
member, 28 posts
Mon 23 Jan 2023
at 23:13
  • msg #5

Quote and table nesting breaks responsive formatting.

Only when the screen is wide enough though.  If you're looking at a phone screen in vertical orientation, the following posts aren't shoved over, though they do miss the small gap that's supposed to go between posts.
Rathmun
member, 29 posts
Mon 23 Jan 2023
at 23:24
  • msg #6

Quote and table nesting breaks responsive formatting.

Does the effect nest?

tinytable
fortesting

This message was last edited by the user at 01:24, Tue 24 Jan 2023.
Rathmun
member, 30 posts
Mon 23 Jan 2023
at 23:26
  • msg #7

Quote and table nesting breaks responsive formatting.

testing nesting

Yes, yes it does.
This message was last edited by the user at 23:27, Mon 23 Jan 2023.
Rathmun
member, 31 posts
Mon 23 Jan 2023
at 23:34
  • msg #8

Quote and table nesting breaks responsive formatting.

This is definitely rather broken.
Nathanael Lockeford
member, 16 posts
Mon 23 Jan 2023
at 23:47
  • msg #9

Quote and table nesting breaks responsive formatting.

Interestingly it's almost an imperceptible difference when viewing on mobile, at least on my mobile device, but desktop you can see the nesting issue quite clearly.
Rathmun
member, 32 posts
Mon 23 Jan 2023
at 23:51
  • msg #10

Quote and table nesting breaks responsive formatting.

Try viewing in landscape on mobile.

I've confirmed the issue on Firefox, Chrome, Brave, and Edge.
This message was last edited by the user at 23:53, Mon 23 Jan 2023.
Rathmun
member, 33 posts
Tue 24 Jan 2023
at 00:01
  • msg #11

Quote and table nesting breaks responsive formatting.

Will this undo it?
| foo | bar
quote:
|

This message was last edited by the user at 00:02, Tue 24 Jan 2023.
Rathmun
member, 34 posts
Tue 24 Jan 2023
at 00:02
  • msg #12

Quote and table nesting breaks responsive formatting.

test

Apparently not, the code responsible for preventing exactly this type of escape works correctly here.
This message was last edited by the user at 00:02, Tue 24 Jan 2023.
Zag24
supporter, 756 posts
Tue 24 Jan 2023
at 04:48
  • msg #13

Quote and table nesting breaks responsive formatting.

I believe that it is the element

<div class="quote tal">

that is not being closed, and it is eating the close div of the element surrounding it.
Rathmun
member, 35 posts
Tue 24 Jan 2023
at 04:58
  • msg #14

Quote and table nesting breaks responsive formatting.

In reply to Zag24 (msg # 13):

That's the result of the bug, yes, but the bug itself is still a failure of the input validation.  Closing a quote tag on the same row as the last row of a pipe table shouldn't do that.  And indeed, if the quote attribution is not a link, I think it works correctly.


<quote blah>
| tiny | table
| for | testing </quote>


blah:
tinytable
fortesting

Rathmun
member, 36 posts
Tue 24 Jan 2023
at 04:58
  • msg #15

Quote and table nesting breaks responsive formatting.

And another test.

Edit: Oh, well, that's me told.  It's just ending a quote tag on the same row as the last row of a table.  The link as the attribution has nothing to do with it.
This message was last edited by the user at 04:59, Tue 24 Jan 2023.
Rathmun
member, 38 posts
Tue 24 Jan 2023
at 21:28
  • msg #16

Quote and table nesting breaks responsive formatting.

Testing whether it goes away on subsequent pages.
Rathmun
member, 39 posts
Tue 24 Jan 2023
at 21:28
  • [deleted]
  • msg #17

Quote and table nesting breaks responsive formatting.

This message was deleted by a moderator, as it was a double post, at 04:15, Wed 25 Jan 2023.
Rathmun
member, 40 posts
Tue 24 Jan 2023
at 21:28
  • [deleted]
  • msg #18

Quote and table nesting breaks responsive formatting.

This message was deleted by a moderator, as it was a double post, at 04:15, Wed 25 Jan 2023.
Rathmun
member, 41 posts
Tue 24 Jan 2023
at 21:28
  • [deleted]
  • msg #19

Quote and table nesting breaks responsive formatting.

This message was deleted by a moderator, as it was a double post, at 04:16, Wed 25 Jan 2023.
Rathmun
member, 42 posts
Tue 24 Jan 2023
at 21:28
  • [deleted]
  • msg #20

Quote and table nesting breaks responsive formatting.

This message was deleted by a moderator, as it was a double post, at 04:17, Wed 25 Jan 2023.
Rathmun
member, 43 posts
Tue 24 Jan 2023
at 21:28
  • [deleted]
  • msg #21

Quote and table nesting breaks responsive formatting.

This message was deleted by a moderator, as it was a double post, at 04:17, Wed 25 Jan 2023.
Rathmun
member, 44 posts
Tue 24 Jan 2023
at 21:28
  • [deleted]
  • msg #22

Quote and table nesting breaks responsive formatting.

This message was deleted by a moderator, as it was a double post, at 04:18, Wed 25 Jan 2023.
Rathmun
member, 45 posts
Tue 24 Jan 2023
at 21:28
  • [deleted]
  • msg #23

Quote and table nesting breaks responsive formatting.

This message was deleted by a moderator, as it was a double post, at 04:18, Wed 25 Jan 2023.
Rathmun
member, 46 posts
Tue 24 Jan 2023
at 21:28
  • [deleted]
  • msg #24

Quote and table nesting breaks responsive formatting.

This message was deleted by the user at 04:19, Wed 25 Jan 2023.
Rathmun
member, 47 posts
Tue 24 Jan 2023
at 21:28
  • [deleted]
  • msg #25

Quote and table nesting breaks responsive formatting.

This message was deleted by the user at 04:18, Wed 25 Jan 2023.
Rathmun
member, 48 posts
Tue 24 Jan 2023
at 21:29
  • [deleted]
  • msg #26

Quote and table nesting breaks responsive formatting.

This message was deleted by the user at 04:18, Wed 25 Jan 2023.
Rathmun
member, 49 posts
Tue 24 Jan 2023
at 21:29
  • [deleted]
  • msg #27

Quote and table nesting breaks responsive formatting.

This message was deleted by the user at 04:18, Wed 25 Jan 2023.
Rathmun
member, 50 posts
Tue 24 Jan 2023
at 21:29
  • [deleted]
  • msg #28

Quote and table nesting breaks responsive formatting.

This message was deleted by the user at 04:18, Wed 25 Jan 2023.
Rathmun
member, 51 posts
Tue 24 Jan 2023
at 21:29
  • [deleted]
  • msg #29

Quote and table nesting breaks responsive formatting.

This message was deleted by the user at 04:18, Wed 25 Jan 2023.
Rathmun
member, 52 posts
Tue 24 Jan 2023
at 21:29
  • [deleted]
  • msg #30

Quote and table nesting breaks responsive formatting.

This message was deleted by the user at 04:18, Wed 25 Jan 2023.
Rathmun
member, 53 posts
Tue 24 Jan 2023
at 21:29
  • [deleted]
  • msg #31

Quote and table nesting breaks responsive formatting.

This message was deleted by the user at 04:18, Wed 25 Jan 2023.
Rathmun
member, 54 posts
Tue 24 Jan 2023
at 21:29
  • [deleted]
  • msg #32

Quote and table nesting breaks responsive formatting.

This message was deleted by the user at 04:18, Wed 25 Jan 2023.
Rathmun
member, 55 posts
Tue 24 Jan 2023
at 21:29
  • msg #33

Quote and table nesting breaks responsive formatting.

It appears that it does indeed go away on subsequent pages.  The "all" link still has the problem unsurprisingly.
This message was last edited by the user at 21:30, Tue 24 Jan 2023.
Rathmun
member, 56 posts
Wed 25 Jan 2023
at 04:31
  • msg #34

Quote and table nesting breaks responsive formatting.

Apparently the moderators don't like filler posts for testing purposes.  Fair enough, they deleted some of them, I deleted the rest, and that makes two lessons learned instead of just the one I was going for.

Sorry mods.
facemaker329
member, 7434 posts
Gaming for over 40
years, and counting!
Wed 25 Jan 2023
at 06:13
  • msg #35

Quote and table nesting breaks responsive formatting.

Doubtless, they would prefer testing of such things to be done in a not-public forum.  Filler posts are generally frowned upon in the public forums, although it's rare that they're done to test a coding solution (the norm...if you can call it that, since it rarely happens...is someone spamming the thread...)
Big Brother
member, 485 posts
Who controls the past...
... Controls the future.
Wed 25 Jan 2023
at 08:22
  • msg #36

Quote and table nesting breaks responsive formatting.

I know I found it annoying.