Refactor #3965 - For Skeleton

components/lib/skeleton/BaseSkeleton.vue

@@ -4,7 +4,6 @@ import { useStyle } from 'primevue/usestyle';
 
 const styles = `
 .p-skeleton {
-    position: relative;
     overflow: hidden;
 }
 
@@ -38,6 +37,10 @@ const styles = `
 }
 `;
 
+const inlineStyles = {
+    root: { position: 'relative' }
+};
+
 const classes = {
     root: ({ props }) => [
         'p-skeleton p-component',
@@ -80,7 +83,8 @@ export default {
         }
     },
     css: {
-        classes
+        classes,
+        inlineStyles
     },
     watch: {
         isUnstyled: {

components/lib/skeleton/Skeleton.vue

@@ -1,5 +1,5 @@
 <template>
-    <div :style="containerStyle" :class="cx('root')" aria-hidden="true" v-bind="ptm('root')"></div>
+    <div :class="cx('root')" :style="[sx('root'), containerStyle]" aria-hidden="true" v-bind="ptm('root')"></div>
 </template>
 
 <script>