Topic: Hook element admin panel not showing

Shibumi
September 11, 2024 at 2:16 am

Hi everyone,
I’ve stumbled into an issue I hope you can help me fix.
Whenever I try to create an hook element I see the admin interface empty, I have to go in the inspector and remove a “display:none” property to the element #generate_premium_elements . inside
https://tinypic.host/image/Screenshot-2024-09-11-at-12.07.37.2hsUhx
https://tinypic.host/image/Screenshot-2024-09-11-at-12.07.53.2hsoYM

and then remove the floating from .postbox-container-2 in order to show the panels.
https://tinypic.host/image/Screenshot-2024-09-11-at-12.08.07.2hsEQk
https://tinypic.host/image/Screenshot-2024-09-11-at-12.08.18.2hs15O

I’ve tried to deactivate all the plugins except from the GP and GB ones and still occurs.
I’ve noticed it occurs to all the websites I have developed with your theme/plugins.
It’s something recent, it didn’t use to behave like this before, but I can’t trace back to a version where it worked fine.

Hope you can help me out!

Lorenzo
FunkyCss
September 11, 2024 at 3:14 am
Hi there is a temporary fix for this
```
add_action( 'admin_head', function() {
	echo '<style>#generate_premium_elements.closed .inside {display: block;}</style>';
} );
```
This code is provided by Tom on Github, he said they are going to fix it, the code above is working.
Shibumi
September 11, 2024 at 3:54 am
Thank you!
Although it actually now shows the panels, they still are in the wrong position.
https://tinypic.host/image/Screenshot-2024-09-11-at-13.50.21.2hOQDm

I’m posting the code with my fix:
```
add_action( 'admin_head', function() {
	echo '<style>#generate_premium_elements.closed .inside {display: block;} .postbox-container {float:none;}</style>';
} );
```
FunkyCss
September 11, 2024 at 4:21 am

I had this Github issue where Tom responded, maybe is a good idea you to comment on it, I closed the topic but maybe Tom should be informed.

https://github.com/tomusborne/generatepress/issues/641
Shibumi
September 11, 2024 at 4:28 am

Done!
David
September 11, 2024 at 4:31 am

Hi there,

thanks for the testing and feedback. @Shibumi – could we keep your site login for some extra testing if needed ? As I will post this topic in the git issue for the devs to test any changes if required.

Let me know
Shibumi
September 11, 2024 at 6:26 am

Hi David,
sure thing!

I just noticed another issue even though it’s not connected to this one, so I’ll open an other ticket.

Best,
Lorenzo
Tom
September 11, 2024 at 7:46 pm

Hmm that’s very strange, when I remove the float: none from your CSS in inspector controls, I’m not seeing the issue. Can you remove that part of code from the site so I can see what’s happening?

Let me know 🙂
Shibumi
September 11, 2024 at 11:46 pm

Hi Tom,
sure, I commented the float:non part.

Best,
Lorenzo
David
September 12, 2024 at 1:22 am

I logged into the site – and I couldn’t see any issue on the jQuery element – see here:

https://app.screencast.com/2ub9WzjgwFkSZ

I checked the float: none; was commented out.

Is it on any particular browser you see the issue ?
And does the issue show if you use the login you provided us?
Shibumi
September 16, 2024 at 1:53 am

Hi David,
I’m using Safari technology preview as browser and I see the issues even with the credentials I provided you (I’m using the in private browsing).
https://tinypic.host/image/Screenshot-2024-09-16-at-11.48.46.2vMxP9

From Safari and Chrome I don’t see the issue. Guess it’s a browser issue then.

Thanks,
Lorenzo
David
September 16, 2024 at 3:26 am

Yeah, I can confirm that its related to the Safari Tech Preview.
Which is peculiar, as the old safari float bug was patched a long time ago. And I can’t see what the latest Preview added to break that.

We will do some tests to see if removing that float has any issues on other browsers. If it doesn’t we can remove it. If it does then we will need to watch what happens in the next release of Safari.
Shibumi
September 16, 2024 at 5:19 am

Thank you David,
just in case, it’s not a big problem to remove the float with the code thatI posted above 😉
I get it that very few use Safari Tech Preview and the issue occurs to very few people.

In any case thank you as always for the great support. I sincerely think that part of the quality of your products and satisfaction of use of them are due to the customer support. Keep up the good work!

Best,
Lorenzo
David
September 16, 2024 at 5:22 am

Thanks for helping us investigate the issue.
I have updated our Git Issue and we will patch the plugin accordingly one way or the other 🙂
sjoerdbooij
November 28, 2024 at 11:08 pm
Not sure if this was mentioned already, but when I use .postbox-container {float:none;}, it messes up the actual main dashboard of wordpress. The boxes are weirdly aligned. I am using Chrome. When removing it, all seems to work fine, also in the GP Elements.
```
add_action( 'admin_head', function() {
	echo '<style>#generate_premium_elements.closed .inside {display: block;}</style>';
} );
```
Alvind
November 28, 2024 at 11:14 pm

Yeah, most of the users who reported this issue are using Safari, and the snippet above provides a temporary fix. This should not be a problem with other browsers.