composition plugin, deck/card macro: Cards starts jumping

  • 2
  • Problem
  • Updated 3 years ago

Hi!

We are using cards with blogposts-macro as content (not just one).

Unfortunately in these cards the card-anchors starts jumping "to the first blog entry" (that not correct, it's the div.tabs-pane) and hides the tabs. So we have to scroll back every time we like to switch the card.

Seems to me, blockposts-macro does something strange. But how?

Any ideas?

Thx!

 

Matthias

Photo of Matthias Born

Matthias Born

  • 24 Posts
  • 0 Reply Likes

Posted 3 years ago

  • 2
Photo of Matthias Born

Matthias Born

  • 24 Posts
  • 0 Reply Likes
According to your request, here's the code:

<ac:structured-macro ac:macro-id="acca8dbe-8047-40b0-b090-12907a91a9c9" ac:name="deck" ac:schema-version="1">
<ac:parameter ac:name="id">aslkdjfalksjdflköasdf</ac:parameter>
<ac:rich-text-body>
<ac:structured-macro ac:macro-id="f4edf8e1-dcc1-4594-a1b2-baec5eedeea2" ac:name="card" ac:schema-version="1">
<ac:parameter ac:name="label">asdfasdfasdf1</ac:parameter>
<ac:rich-text-body>
<h1>aklsdfjlkasdf</h1>
<p>asöldfkl askdf</p>
<p>asdlkjf lkasdfasdföokj asdlkfjlsdaf</p>
<p> </p>
<p>asdf öasldfj lsdaf</p>
<p> </p>
<h1>asd fjlasdkfjlksadf</h1>
<p> </p>
<p> </p>
<p>asdlf lkasdflisadflkadsf</p>
<p> </p>
<h2>asd flkjasdlfjalkfds</h2>
</ac:rich-text-body>
</ac:structured-macro>
<ac:structured-macro ac:macro-id="20803899-03c1-45a6-b39a-00b0f05ee30e" ac:name="card" ac:schema-version="1">
<ac:parameter ac:name="label">Pure Lorem Ipsum</ac:parameter>
<ac:rich-text-body>
<p>
<ac:structured-macro ac:macro-id="7b8fc8d4-9ecc-42f4-a8ea-67e731964646" ac:name="loremipsum" ac:schema-version="1">
<ac:parameter ac:name="">5</ac:parameter>
</ac:structured-macro>
</p>
</ac:rich-text-body>
</ac:structured-macro>
<ac:structured-macro ac:macro-id="2a931974-6ef9-4bd1-a49a-73806a01aaa5" ac:name="card" ac:schema-version="1">
<ac:parameter ac:name="label">Lorem Ipsum and blogposts</ac:parameter>
<ac:rich-text-body>
<p>
<ac:structured-macro ac:macro-id="60af8d95-2fbd-44a3-9479-00c5c08afb33" ac:name="loremipsum" ac:schema-version="1">
<ac:parameter ac:name="">10</ac:parameter>
</ac:structured-macro>
</p>
<p>
<ac:structured-macro ac:macro-id="7ebd78b7-0e20-434d-a0ff-eb6ce2cf0d41" ac:name="blog-posts" ac:schema-version="1">
<ac:parameter ac:name="spaces">
<ri:space ri:space-key="for"/>
</ac:parameter>
<ac:parameter ac:name="sort">modified</ac:parameter>
<ac:parameter ac:name="reverse">true</ac:parameter>
<ac:parameter ac:name="content">excerpts</ac:parameter>
</ac:structured-macro>
</p>
</ac:rich-text-body>
</ac:structured-macro>
<ac:structured-macro ac:macro-id="264210a8-3c11-40c6-87d8-5195690af089" ac:name="card" ac:schema-version="1">
<ac:parameter ac:name="label">Blogposts only</ac:parameter>
<ac:rich-text-body>
<p>
<ac:structured-macro ac:macro-id="fc54fad7-91d0-425a-a321-6eb18e0c77f3" ac:name="blog-posts" ac:schema-version="1">
<ac:parameter ac:name="spaces">
<ri:space ri:space-key="for"/>
</ac:parameter>
<ac:parameter ac:name="sort">modified</ac:parameter>
<ac:parameter ac:name="reverse">true</ac:parameter>
<ac:parameter ac:name="content">excerpts</ac:parameter>
</ac:structured-macro>
</p>
</ac:rich-text-body>
</ac:structured-macro>
<ac:structured-macro ac:macro-id="3162dc51-5c1e-4e4f-a0c5-cfa451127a86" ac:name="card" ac:schema-version="1">
<ac:parameter ac:name="label">Text and Blogposts</ac:parameter>
<ac:rich-text-body>
<p>This text is not created by the Lorem ipsum Macro.</p>
<p>dolor sit amet, consectetur adipiscing elit. Aliquam fermentum vestibulum est. Cras rhoncus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Sed quis tortor. Donec non ipsum. Mauris condimentum, odio nec porta tristique, ante neque malesuada massa, in dignissim eros velit at tellus. Donec et risus in ligula eleifend consectetur. Donec volutpat eleifend augue. Integer gravida sodales leo. Nunc vehicula neque ac erat. Vivamus non nisl. Fusce ac magna. Suspendisse euismod libero eget mauris.</p>
<p>Ut ligula. Maecenas consequat. Aliquam placerat. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla convallis. Ut quis tortor. Vestibulum a lectus at diam fermentum vehicula. Mauris sed turpis a nisl ultricies facilisis. Fusce ornare, mi vitae hendrerit eleifend, augue erat cursus nunc, a aliquam elit leo sed est. Donec eget sapien sit amet eros vehicula mollis. In sollicitudin libero in felis. Phasellus metus sem, pulvinar in, porta nec, faucibus in, ipsum. Nam a tellus. Aliquam erat volutpat.</p>
<p>Sed id velit ut orci feugiat tempus. Pellentesque accumsan augue at libero elementum vestibulum. Maecenas sit amet metus. Etiam molestie massa sed erat. Aenean tincidunt. Mauris id eros. Quisque eu ante. Fusce eu dolor. Aenean ultricies ante ut diam. Donec iaculis, pede eu aliquet lobortis, wisi est dignissim diam, ut fringilla eros magna a mi. Nulla vel lorem. Donec placerat, lectus quis molestie hendrerit, ante tortor pharetra risus, ac rutrum arcu odio eu tortor. In dapibus lacus nec ligula. Aenean vel metus. Nunc mattis lorem posuere felis. In vehicula tempus lacus. Phasellus arcu. Nam ut arcu. Duis eget elit id eros adipiscing dignissim.</p>
<p>Nullam vel leo. Quisque vestibulum mollis turpis. Phasellus malesuada tellus vel diam. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Ut varius lorem. Mauris bibendum pulvinar sem. Fusce vulputate. Aenean imperdiet, massa ut viverra dignissim, nunc purus pellentesque ligula, quis dictum est sem vitae sem. Ut bibendum elit id sapien. Quisque quis est. Phasellus tellus. Donec aliquam lorem sit amet libero. Cras massa dolor, dignissim id, faucibus vulputate, pharetra nec, erat. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec justo nunc, vestibulum a, vestibulum eget, aliquam non, augue. Morbi cursus consectetur turpis. Duis non quam. Nam aliquet lorem ut tortor. Pellentesque malesuada, sem non tempor semper, magna pede aliquet lectus, sit amet egestas neque magna ut nunc.</p>
<p>Integer sagittis aliquet diam. Proin fringilla vestibulum sem. Donec est lacus, imperdiet vel, elementum eu, tincidunt quis, odio. Proin dolor. Nulla arcu. Etiam dolor massa, fermentum id, adipiscing ultricies, suscipit in, orci. Aliquam erat volutpat. Ut tortor est, placerat ac, dictum ut, imperdiet vitae, leo. Nullam suscipit. Sed accumsan malesuada magna. Nulla facilisi. Donec est tellus, dictum in, bibendum sit amet, eleifend sit amet, risus. Quisque mauris lectus, tincidunt eget, pretium sed, eleifend ac, risus. Fusce mauris.</p>
<p>
<ac:structured-macro ac:macro-id="870255e7-69ec-4f3f-a73a-bceb6b96e32f" ac:name="blog-posts" ac:schema-version="1">
<ac:parameter ac:name="spaces">
<ri:space ri:space-key="for"/>
</ac:parameter>
<ac:parameter ac:name="sort">modified</ac:parameter>
<ac:parameter ac:name="reverse">true</ac:parameter>
<ac:parameter ac:name="content">excerpts</ac:parameter>
</ac:structured-macro>
</p>
</ac:rich-text-body>
</ac:structured-macro>
</ac:rich-text-body>
</ac:structured-macro>

(Edited)