javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-08-18 11:17:19 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(vue): preserve custom classes on IonPage (#24776)

Browse Source 
resolves #24772

Co-authored-by: bnachtweh <bnachtweh@users.noreply.github.com>
This commit is contained in:
Liam DeBeasi
2022-02-11 10:11:04 -05:00
committed by GitHub
parent abc36ae80b
commit b401de1ab3
2 changed files with 65 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
packages/vue/src/components/IonPage.ts
View File

@ -12,11 +12,12 @@ export const IonPage = /*@__PURE__*/ defineComponent({
setup(props, { attrs, slots }) {
const hidePageClass = (props.isInOutlet) ? 'ion-page-invisible' : '';
return () => {
const existingClasses = attrs.class ?? '';
return h(
'div',
{
['class']: `ion-page ${hidePageClass}`,
...attrs,
['class']: `ion-page ${hidePageClass} ${existingClasses}`,
ref: 'ionPage'
},
slots.default && slots.default()