Alex Lende

It looks like the bug has already been reported on https://github.com/WordPress/gutenberg/issues/54121. Follow that for updates. I, unfortunately, don’t have a whole lot of time to work on this right now. But I wanted to share some info such as where to start looking in case someone comfortable with core development came across this.

It looks like the duotone selector changed from?.duotone-id img?to?.duotone-id.wp-block-image img?which doesn’t work in classic themes with aligned images because aligned images in classic themes get an extra wrapping?<div class="wp-block-image">?with the block class removed while the?.duotone-id?class still gets added to the block, not the wrapper. (source)

Time is not helpful without time zone info, especially given many events are now online and people all over the world attend.

I agree! Right now Gutenberg, the block editor, still doesn’t have support for selecting a time zone. I’ve logged an issue with them at WordPress/gutenberg#31522. Once that is resolved and support is added, I’ll be able to update the Event Block to have support as well.

.wp-block-a8c-starscape { min-height: 100vh; } will force the starscape block to be the same height as the viewport.

The stars, however, are static CSS generated by the block editor, so they do not scale with the viewport.

There is an advanced option in the block settings sidebar called “Dimensions” which, when expanded, offers options for a max width and max height that the stars will cover (by default 1920×1080). This area can be increased at the cost of performance on lower-end devices, so I wouldn’t recommend increasing it if you have visitors to your site using those lower-end devices.

Hope that helps!

I generated the POT file on the development version of the plugin which can be downloaded from the advanced tab.

Loco Translate seemed to recognize the file, but I didn’t see translations loaded when I added some. It could be that I just don’t know how to use Loco Translate properly, but I found an issue on Loco Translate that could be the cause of translations not loading. There was a suggestion provided for how to produce the JSON file required that you may be able to try. Otherwise, waiting for someone in #polyglots may be the best we can do.

Last thing i miss is to get the date for two days so if its an event that is two days long to show from to to, how can i get this?

Sorry I forgot to answer this earlier. There have been other requests around date options, so it’s likely that features like date ranges will be added in the future. I don’t have a timeline for when those will be implemented, so in the meantime, the best option is to just describe that the event will last multiple days in the description. Which I understand isn’t a very satisfying answer, but is the best that can be done for now.

> Translate WordPress i added in the French there this two words, but they don’t appear on the site.

When using Translate WordPress, since the translations are available for everybody, the translations have to be approved by one of the Translation Editors. I haven’t gone through the process myself, yet, but you may be able to ask on the #polyglots channel in Slack to have one of the Translation Editors approve your translations.

> I use loco translate on my site but in this plugin i get only 4 strings in the profile in the directory i have 18.

I haven’t used the Loco Translate plugin before, but it seems to rely on POT files for translations being generated. JavaScript block plugins like this one use a JSON translation file so I don’t know if it will work, but I’ll try out generating the POT and JSON file and let you know the results.

Hi @susannetamir, your issue seems like a different topic from the one in this thread, so I copied and responded to it in a new one: https://www.ads-software.com/support/topic/translating-when-and-where-fields/#post-13233405. If you have any additional questions, you can respond in that thread

I wonder if there is any way to customize the CSS of the date field

You can add custom CSS either through your theme’s customization or with a plugin like Blocks CSS or Simple Custom CSS. The selectors for the date field are .event__time, .event__label, and .event__date-select.

and to translate the when and where

Translations for all labels and placeholders of the block can be added through Translate WordPress. This will also make the translations available to others using the block.

No length limit is imposed on any of the text fields

Thank you for trying it out! Currently, the event block simply displays whatever is entered into it.

The “Where” field is just plain text. You should be able to type freely after clicking on the placeholder text or tabbing into the field. I noticed that the cursor doesn’t show up after clicking on it in my browser—however, I was still able to type. If that’s the issue that you’re having, I can log the issue in the Gutenberg plugin since that’s where it would need to be fixed.

The “When” field was intentionally left without a time zone to keep the plugin simple to use. The time entered will be the time displayed—no timezone is listed, so the assumption when reading it would be that the time zone would be based off of the location entered in the “Where” field. I realize that this can be confusing, for example, when you’re running an online event where people from multiple time zones would be attending. So I’d suggest, until the location and time can be improved in the plugin, to add relevant timezone information in the “Where” field or in the description.

I can’t say when this feature will be worked on at this time, but hearing feedback like this helps us know which things are more important to users, so I appreciate the time spent trying it out and letting us know. ??

Hi Nick,

Is the slowness problem just in the editor or also when viewing/previewing the post? When viewing the post, the block should fall back to a static image if the browser being used doesn’t have hardware acceleration (or JavaScript) enabled. The same fallback is not applied in the editor so you are still able to see some animation (even if degraded) when editing.

Unfortunately the nature of this block, using WebGL, is going to make it more resource intensive than most blocks. If your device does have hardware acceleration enabled and it’s still slow, something that may improve it slightly is using a smaller complexity and limiting to using only one waves block per page.

I’d also like to try to optimize the code more. If you’re able to share the version of the operating system, the version of the browser, and what sort of device hardware (CPU/GPU or year/model of computer) you are using, I may be able to adjust some things to make it work better. Thank you!

I haven’t been able to reproduce the issue in the latest Firefox, Chrome, Safari, or Edge with the WordPress/Gutenberg versions you listed and the Gutenberg Starter Theme. I noticed the sizing was off in IE11, but not in the same way you show in your screenshot.

Which browser are you using, and do you have anything else installed that may be overriding SVG styles globally?