Panneau flottant innaccesible

  • Resolved Thierry Laval

    (@tiri17)


    7 months, 3 weeks ago

    Sujet : Amélioration de l’accessibilité au panneau flottant caché derrière la barre supérieure

    Bonjour,

    Je rencontre un souci récurrent avec le panneau flottant : il est partiellement ou totalement masqué derrière la barre supérieure, ce qui m’empêche de le saisir ou de le déplacer facilement.

    Actuellement, pour pouvoir y accéder, je suis obligé de cacher manuellement la barre du haut via un display: none, ce qui n’est évidemment pas idéal.

    Serait-il possible de :

    • Corriger la position du panneau pour qu’il ne soit jamais couvert par la barre supérieure ?
    • Ou bien permettre un z-index supérieur, ou un espace de saisie toujours accessible pour le déplacer ?

    Merci d’avance pour ton retour,
    Thierry

Viewing 9 replies - 1 through 9 (of 9 total)
  • Plugin Author WebMat

    (@webmatpro)

    7 months, 3 weeks ago

    Bonjour Thierry,

    pourriez vous me donner les versions de votre Elementor et Flexible Elementor Panel ?

    Vous ne devriez pas avoir ce problème avec la dernière version.

    Cordialement Mathieu.

    Thread Starter Thierry Laval

    (@tiri17)

    7 months, 3 weeks ago

    Objet : Problème de Z-index avec la fonction

    Bonjour Mathieu,
    Tout fonctionne bien, sauf que ta fonction se retrouve sous leur barre supérieure à cause du Z-index.
    Si je mets un display: none sur leur barre, alors tout fonctionne correctement.

    Voici les versions utilisées :

    • Flexible Elementor Panel : 2.5.1
    • Elementor : 3.30.2
    • Elementor Pro : 3.30.0

    Tu peux voir le problème en vidéo ici :
    📎 Lien Google Drive

    Merci d’avance pour ton retour !

    Plugin Author WebMat

    (@webmatpro)

    7 months, 3 weeks ago

    Merci pour votre retour, c’est très bizarre, je n’arrive pas à reproduire le soucis.

    J’ai rajouté le css pour qu’on soit sur, pouvez vous essayer cette version :
    https://github.com/WebMatPro/flexible-elementor-panel/releases/tag/2.5.2

    Merci,

    Cordialement Mathieu.

    Thread Starter Thierry Laval

    (@tiri17)

    7 months, 3 weeks ago

    Merci de ton retour et nouvelle version du plugin.

    Je suis sous MacOs dernière version Sequoia et sur un macbook pro M2 en utilisant Google Chome. Au cas ou cela te serve.

    Dans le doute, je viens de tester sur une VM Unbuntu et firefox. Le soucis est identique, même avec des résolutions d’écran différentes.

    Mais vue que ton plugin fonctionne cela doit venir de Elementor avec sa (moche) barre noir du haut qui me recouvre une partie du Header…

    Ta modification en v2.5.2 ne change rien à mon soucis.

    Par contre dans la console en supprimant le display none dans :

    <div id=”elementor-panel-state-loading”><i class=”eicon-loading eicon-animation-spin”></i></div>

    #elementor-panel-state-loading {display: none;} je peux déplacer le panneau…

    1. https://drive.google.com/file/d/1QzhQ59cjtSnMi0MVisFY1guKcD-LrDL3/view?usp=sharing

    Je regarderais plus tard d’ou vient ce soucis.

    Merci à toi et belle journée

    Thread Starter Thierry Laval

    (@tiri17)

    7 months, 3 weeks ago

    Voici une nouvelle vidéo.
    Sur un WP neuf avec une demo.
    Tu vois sans le plugin on as le haut de la colonne de gauche visible, si on active ce plugin… Plus de haut accessible.
    J’essayerai de regarder ce qui cloche demain si j’ai du temps…
    Sauf si tu as trouvé.
    Le lien de la vidéo .2
    https://drive.google.com/file/d/19vML1rz-0yraEFDN8jZ9XZw8LvavPaSM/view?usp=sharing

    Préfère tu que je passe par Github ? Je suis la : https://github.com/thierry-laval
    Pour le moment, c’est week end 😉
    A bientôt et encore merci pour ton excellent travail.
    Amicalement

    Thierry

    Plugin Author WebMat

    (@webmatpro)

    7 months, 3 weeks ago

    Bonjour Thierry,

    je ne comprends pas, avez vous essayer de reset la position de l’éditeur ?

    Vous pouvez le faire à partir d’ici : /wp-admin/admin.php?page=fep-options

    Pour que l’éditeur se superpose sur la barre noir, il doit être déplacé sinon sa position doit être proprement en dessous, je pense qu’un reset de sa position devrait le remettre proprement puis pouvoir être déplaçable.

    Merci pour les détails, on va y arriver 🙂

    FEP est utilisé sur plus de 30 000 sites WordPress, il n’y a pas de raison 🙂

    Cordialement Mathieu.

    Thread Starter Thierry Laval

    (@tiri17)

    7 months, 3 weeks ago

    Bonjour
    Si j’ajoute un top de 15px sur :

    <aside id=”elementor-panel” class=”elementor-panel ui-resizable” aria-labelledby=”elementor-panel-header-title” style=”height: 527px; opacity: 1; left: 0px; top: 15px; right: auto;”>
    <div id=”elementor-panel-inner”>

    Alors le panneau descend et je peux cliquer.

    Voici des accès en privé pour que tu puisses vérifier

    Thread Starter Thierry Laval

    (@tiri17)

    7 months, 2 weeks ago

    Bonjour, Je viens aux nouvelles, le souci était sur le module ou non ? Merci de ton retour.

    Amicalement, Thierry

    Plugin Author WebMat

    (@webmatpro)

    7 months, 2 weeks ago

    Bonjour,

    la version 2.5.2 corrige le problème.

    Merci pour votre retour.
    Cordialement Mathieu.

Viewing 9 replies - 1 through 9 (of 9 total)

The topic ‘Panneau flottant innaccesible’ is closed to new replies.