Gridstack.js: style="position : relative ;" est ajouté à la div grid-stack-item lors de l'ajout du widget

Créé le 1 nov. 2018 · 4Commentaires · Source: gridstack/gridstack.js

Objet du problème

Un style de position inhabituel est ajouté à chaque div d'élément de pile de grille lors du chargement de nouveaux widgets à l'aide de addWidget.

Votre environnement

J'utilise la version 0.3.0 de gridstack.js car la 0.4.0 provoque un chevauchement des widgets et une erreur qui xxx.Top lors du déplacement d'un widget vers la partie la plus haute de la div, j'ai donc suivi ce que d'autres ont suggéré de rétrograder à 0.3.0 et tout fonctionne bien, sauf ce problème.
J'utilise Google Chrome version 70.0.3538.77 (version officielle) (64 bits)

Étapes à reproduire

J'ai juste utilisé la manière normale d'ajouter les widgets

Comportement attendu

Il n'y a pas d'autre style appliqué au div/élément ajouté au parent grid-stack

Comportement réel

<div class="grid-stack-item ui-draggable ui-resizable ui-resizable-autohide" data-gs-x="6" data-gs-y="7" data-gs-width="6" data-gs-height="4" style="position: relative;">

Un style de position est appliqué.
J'ai vérifié le gridstack.css pour l'occurrence de la position relative et cela ne devrait se produire que dans un mode de colonne qui n'est pas actuellement appliqué dans ma configuration.

Source

73R3WY

Commentaire le plus utile

J'ai retracé le coupable jusqu'à jquery-ui. apparemment, la méthode _setPositionRelative de la classe déplaçable est appelée lorsque le helper est défini sur "original" qui est celui par défaut. Désormais, chaque fois qu'une classe d'élément de grille est initialisée sur un élément déplaçable, un style de position d'élément est défini sur « relative » et provoque la distorsion de la grille à moins qu'elle ne soit supprimée et qu'elle se positionne par défaut : "absolute" . La solution que j'ai implémentée consiste à ajouter une option pour draggable : { helper: 'set to any but "original"' }.

J'utilise la version 0.2.5 car elle n'a aucun problème et la version jquery que le projet utilise est 1.11.

jeremy-ingenuity le 3 nov. 2018

👍3

Tous les 4 commentaires

J'utilise la version 0.2.5 car elle n'a aucun problème et la version jquery que le projet utilise est 1.11.

jeremy-ingenuity le 3 nov. 2018

👍3

rencontré le même problème, merci pour la solution de contournement

andreo-k le 13 févr. 2019

Je ne sais pas si cela a été corrigé dans jQueryUI, mais parce qu'il vit avec eux et parce qu'il existe une solution de contournement simple, je ferme cela. Espérons que nous allons bientôt nous débarrasser de la dépendance jQUI !