Regression: Sample permalink box appearing makes the page jump

[johnbillion]

In 3.4 a space is left in the UI for the sample permalink box so it doesn't make the page jump down when it appears after the first autosave.

[21789] removed the height property on #edit-slug-box and reduced the bottom margin on #titlediv, causing this behaviour to regress.

Patch to restore previous behaviour.

I reported this at 80:ticket:21598. Fine with spinning it out to here.

Could we just add height to the pages that show the permalink, and skip adding it to the "add new" page like in 22184.2.patch. This avoids having a big gap under the title box on the "add new" page:

That patch doesn't achieve anything. The point of adding the gap on the 'add new' page is so that everything on the page below the title field doesn't get bumped down when autosave kicks in and the sample permalink appears.

Ah... my bad, in testing stuff locally I never discovered that auto-save works without manually clicking the "save draft" button (for whatever reason it doesn't work for me locally). I just tried it on a live site, and you're right. ;-)

I thought we were just trying to avoid having the editor move down when they clicked to edit the permalink. Scratch 22184.2.patch.

Though I'm still not a fan of that big empty gap. :-)

I tightened up the margin-bottom by 2px and added some line-height to #edit-slug-box (now, when you click the edit button, the permalink doesn't move) in 22184.3.patch.

22184.3.patch​ works for me.

In [22279]:

Make some space for the Permalink preview to appear on post-new.php. props johnbillion, lessbloat. fixes #22184.