fix(core): relative position property for Dynamic Page

[InnaAtanasova]

Related Issue(s)

closes #11640

Description

The floating footer of Dynamic page occupies the entire width of the page. When Dynamic page is placed inside Flexible Column Layout the footer needs to span within the column that Dynamic page occupies. For this to work we need to set the position of Dynamic page to relative. I added an input property that could allow this

Screenshots

Before:

After:

[github-actions]

Visit the preview URL for this PR (updated for commit 38a9dc6):

https://fundamental-ngx-gh--pr11678-fix-dynamic-page-rel-me091e0i.web.app

_{(expires Thu, 04 Apr 2024 19:20:20 GMT)}

_{🔥 via Firebase Hosting GitHub Action 🌎}

_{Sign: 41b993ee8e451bd7c6770b342ce142dc886eacff}

[netlify]

✅ Deploy Preview for fundamental-ngx ready!

Name	Link
🔨 Latest commit	38a9dc6
🔍 Latest deploy log	https://app.netlify.com/sites/fundamental-ngx/deploys/660b088cfe70a20008b19be9
😎 Deploy Preview	https://deploy-preview-11678--fundamental-ngx.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[mikerodonnell89]

Works well - but I wonder if this is something that we can handle via ContentChildren without needing the developer to add an input

[InnaAtanasova]

Works well - but I wonder if this is something that we can handle via ContentChildren without needing the developer to add an input

Open to hear your ideas. Dynamic Page can be placed in so many different containers, with scrolling, without scrolling, flexible column layout, etc. We also need to take into account all the existing apps already using Dynamic Page. In my opinion adding position relative can mess up a lot of things.