SOLVED: Class Bug in Beta 1.11

Hi,
in the 1.11 Beta there seems to be a Bug with the class. When I want to add an existing class to an element and press enter, it adds a completely different class to it! See at .Class Problem Video

The style of other elements have been changed automatically (a background color which was blue before is now black)

And I can’t click on a class to get to its settings!

Also still having lag problems .

All in all a pretty mess…

@Psychopomp do you pressing enter to add a class or you clicking on it? I just tested out and it works perfectly fine for me.

Hi,

thank you for the report. Unfortunately, I can not reproduce the error on my end.
Can you please try to disable all plugins and try again?

If you will still be able to replicate the issue, can you send temporary login credentials to your test/staging website and a link to this thread to help@bricksbuilder.io using the email address you used during the purchase, so we can take a look?

Thanks,
Matej

Hi,
I’ve re-installed the Beta version and now it works. Don’t know what the problem was !
Thanks for looking into it!

Hi, I have also seen this bug. The wrong class is added!

I have the same problem. Class in builder is gone and replaced by different, but on front-end is correct.

Hi @Laurent and @poziomapl,

this is weird. Can you replicate this reliably, every time?
If yes, can you send temporary login credentials to your website and a link to this thread to help@bricksbuilder.io using the email address you used during the purchase, so we can take a look?

Also, please include a video/screenshot on which element you are adding which class, so that we can replicate it.

Thanks.

I have already sent the access data to the email and briefly described the porblem. Perhaps other plugins have a conflict. However, on another site despite the same plugins does not occur.

Hi,

yep, thanks. We received it and will check it, so that we will see if it’s connected to this.

Matej

Hi @Matej, I have this bug on my install as well. Here’s a video showing it CleanShot 2024-10-04 at 13.43.05

I’m more than happy to provide login access as well if needed.

Hi @dimitrikhoury,

thanks for this. It would be super nice if you can share the access so that we try to debug why is this happening.
If you can replicate this on a staging website, where we can then disable plugins and do other testing, even better :slight_smile:

Thank you!
Matej

Hello Matej,

I have this bug as well. It also affects templates. See my video here:

I’m gonna send you the login credentials.

Best regards,
Matt.

EDIT: Here’s my site info from Tools > Site Health.

### wp-core ###

version: 6.6.2
site_language: de_DE_formal
user_language: en_US
timezone: +00:00
permalink: /%postname%/
https_status: true
multisite: false
user_registration: 0
blog_public: 0
default_comment_status: undefined
environment_type: production
user_count: 2
dotorg_communication: true

### wp-paths-sizes ###

wordpress_path: /var/www/vhosts/hosting189158.ae8d9.netcup.net/00staging/heusenstaging
wordpress_size: 183,60 MB (192517938 bytes)
uploads_path: /var/www/vhosts/hosting189158.ae8d9.netcup.net/00staging/heusenstaging/wp-content/uploads
uploads_size: 8,31 MB (8710967 bytes)
themes_path: /var/www/vhosts/hosting189158.ae8d9.netcup.net/00staging/heusenstaging/wp-content/themes
themes_size: 43,18 MB (45277030 bytes)
plugins_path: /var/www/vhosts/hosting189158.ae8d9.netcup.net/00staging/heusenstaging/wp-content/plugins
plugins_size: 122,59 MB (128544897 bytes)
fonts_path: /var/www/vhosts/hosting189158.ae8d9.netcup.net/00staging/heusenstaging/wp-content/uploads/fonts
fonts_size: 1,66 MB (1738855 bytes)
database_size: 4,09 MB (4292608 bytes)
total_size: 363,43 MB (381082295 bytes)

### wp-active-theme ###

name: Bricks Child Theme (bricks-child)
version: 1.1
author: Bricks
author_website: https://bricksbuilder.io/
parent_theme: Bricks (bricks)
theme_features: core-block-patterns, widgets-block-editor, automatic-feed-links, title-tag, html5, menus, post-thumbnails, align-wide, widgets
theme_path: /var/www/vhosts/hosting189158.ae8d9.netcup.net/00staging/heusenstaging/wp-content/themes/bricks-child
auto_update: Disabled

### wp-parent-theme ###

name: Bricks (bricks)
version: 1.11-beta
author: Bricks
author_website: https://bricksbuilder.io/
theme_path: /var/www/vhosts/hosting189158.ae8d9.netcup.net/00staging/heusenstaging/wp-content/themes/bricks
auto_update: Disabled

### wp-themes-inactive (1) ###

Twenty Twenty-Four: version: 1.2, author: the WordPress team, Auto-updates disabled

### wp-plugins-active (10) ###

Admin and Site Enhancements (ASE): version: 7.4.6, author: wpase.com, Auto-updates disabled
Advanced Themer for Bricks: version: 2.8.1, author: Maxime Beguin, Auto-updates disabled
Automatic.css: version: 3.0.16, author: Kevin Geary, Matteo Greco, Auto-updates disabled
Complianz | GDPR/CCPA Cookie Consent: version: 7.1.0, author: Really Simple Plugins, Auto-updates disabled
HappyFiles Pro: version: 1.8.3, author: Codeer, Auto-updates disabled
Rank Math SEO: version: 1.0.229, author: Rank Math, Auto-updates disabled
WP-Optimize - Clean, Compress, Cache: version: 3.6.0, author: David Anderson, Ruhani Rabin, Team Updraft, Auto-updates disabled
WPCodeBox 2: version: 1.1.1, author: WPCodeBox, Auto-updates disabled
WPvivid Backup Plugin: version: 0.9.106, author: WPvivid Team, Auto-updates disabled
WPvivid Plugins Pro: version: 2.2.27, author: wpvivid.com, Auto-updates disabled

### wp-plugins-inactive (1) ###

All In One WP Security: version: 5.3.3, author: TeamUpdraft, DavidAnderson, Auto-updates disabled

### wp-media ###

image_editor: WP_Image_Editor_Imagick
imagick_module_version: 1691
imagemagick_version: ImageMagick 6.9.11-60 Q16 x86_64 2021-01-25 https://imagemagick.org
imagick_version: 3.7.0
file_uploads: 1
post_max_size: 256M
upload_max_filesize: 256M
max_effective_size: 256 MB
max_file_uploads: 20
imagick_limits: 
	imagick::RESOURCETYPE_AREA: 122 MB
	imagick::RESOURCETYPE_DISK: 1073741824
	imagick::RESOURCETYPE_FILE: 393216
	imagick::RESOURCETYPE_MAP: 512 MB
	imagick::RESOURCETYPE_MEMORY: 256 MB
	imagick::RESOURCETYPE_THREAD: 1
	imagick::RESOURCETYPE_TIME: 9.2233720368548E+18
imagemagick_file_formats: 3FR, 3G2, 3GP, AAI, AI, APNG, ART, ARW, AVI, AVIF, AVS, BGR, BGRA, BGRO, BIE, BMP, BMP2, BMP3, BRF, CAL, CALS, CANVAS, CAPTION, CIN, CIP, CLIP, CMYK, CMYKA, CR2, CR3, CRW, CUR, CUT, DATA, DCM, DCR, DCX, DDS, DFONT, DJVU, DNG, DOT, DPX, DXT1, DXT5, EPDF, EPI, EPS, EPS2, EPS3, EPSF, EPSI, EPT, EPT2, EPT3, ERF, EXR, FAX, FILE, FITS, FRACTAL, FTP, FTS, G3, G4, GIF, GIF87, GRADIENT, GRAY, GRAYA, GROUP4, GV, H, HALD, HDR, HEIC, HISTOGRAM, HRZ, HTM, HTML, HTTP, HTTPS, ICB, ICO, ICON, IIQ, INFO, INLINE, IPL, ISOBRL, ISOBRL6, J2C, J2K, JBG, JBIG, JNG, JNX, JP2, JPC, JPE, JPEG, JPG, JPM, JPS, JPT, JSON, K25, KDC, LABEL, M2V, M4V, MAC, MAGICK, MAP, MASK, MAT, MATTE, MEF, MIFF, MKV, MNG, MONO, MOV, MP4, MPC, MPG, MRW, MSL, MSVG, MTV, MVG, NEF, NRW, NULL, ORF, OTB, OTF, PAL, PALM, PAM, PANGO, PATTERN, PBM, PCD, PCDS, PCL, PCT, PCX, PDB, PDF, PDFA, PEF, PES, PFA, PFB, PFM, PGM, PGX, PICON, PICT, PIX, PJPEG, PLASMA, PNG, PNG00, PNG24, PNG32, PNG48, PNG64, PNG8, PNM, POCKETMOD, PPM, PREVIEW, PS, PS2, PS3, PSB, PSD, PTIF, PWP, RADIAL-GRADIENT, RAF, RAS, RAW, RGB, RGBA, RGBO, RGF, RLA, RLE, RMF, RW2, SCR, SCT, SFW, SGI, SHTML, SIX, SIXEL, SPARSE-COLOR, SR2, SRF, STEGANO, SUN, SVG, SVGZ, TEXT, TGA, THUMBNAIL, TIFF, TIFF64, TILE, TIM, TTC, TTF, TXT, UBRL, UBRL6, UIL, UYVY, VDA, VICAR, VID, VIDEO, VIFF, VIPS, VST, WBMP, WEBM, WEBP, WMF, WMV, WMZ, WPG, X, X3F, XBM, XC, XCF, XPM, XPS, XV, XWD, YCbCr, YCbCrA, YUV
gd_version: bundled (2.1.0 compatible)
gd_formats: GIF, JPEG, PNG, WebP, BMP, XPM
ghostscript_version: 9.53.3

### wp-server ###

server_architecture: Linux 5.10.0-23-amd64 x86_64
httpd_software: Apache
php_version: 8.3.10 64bit
php_sapi: cgi-fcgi
max_input_variables: 4000
time_limit: 180
memory_limit: 1024M
max_input_time: 60
upload_max_filesize: 256M
php_post_max_size: 256M
curl_version: 7.74.0 OpenSSL/1.1.1w
suhosin: false
imagick_availability: true
pretty_permalinks: true
htaccess_extra_rules: false
current: 2024-10-07T07:29:59+00:00
utc-time: Monday, 07-Oct-24 07:29:59 UTC
server-time: 2024-10-07T07:29:57+00:00

### wp-database ###

extension: mysqli
server_version: 8.0.37
client_version: mysqlnd 8.3.10
max_allowed_packet: 16777216
max_connections: 300

### wp-constants ###

WP_HOME: undefined
WP_SITEURL: undefined
WP_CONTENT_DIR: /var/www/vhosts/hosting189158.ae8d9.netcup.net/00staging/heusenstaging/wp-content
WP_PLUGIN_DIR: /var/www/vhosts/hosting189158.ae8d9.netcup.net/00staging/heusenstaging/wp-content/plugins
WP_MEMORY_LIMIT: 40M
WP_MAX_MEMORY_LIMIT: 1024M
WP_DEBUG: false
WP_DEBUG_DISPLAY: true
WP_DEBUG_LOG: false
SCRIPT_DEBUG: false
WP_CACHE: false
CONCATENATE_SCRIPTS: undefined
COMPRESS_SCRIPTS: undefined
COMPRESS_CSS: undefined
WP_ENVIRONMENT_TYPE: Undefined
WP_DEVELOPMENT_MODE: undefined
DB_CHARSET: utf8mb4
DB_COLLATE: undefined

### wp-filesystem ###

wordpress: writable
wp-content: writable
uploads: writable
plugins: writable
themes: writable
fonts: writable

### acf ###

version: 6.3.2.1
plugin_type: PRO
activated: false
activated_url: undefined
license_type: undefined
license_status: active
subscription_expires: undefined
ui_field_groups: 0
php_field_groups: 0
json_field_groups: 0
rest_field_groups: 0
post_types_enabled: true
ui_post_types: 5
json_post_types: 0
ui_taxonomies: 10
json_taxonomies: 0
ui_options_pages_enabled: true
ui_options_pages: 0
json_options_pages: 0
php_options_pages: 1
rest_api_format: light
registered_acf_blocks: 0
blocks_per_api_version: 
blocks_per_acf_block_version: 
blocks_using_post_meta: 0
preload_blocks: true
admin_ui_enabled: false
field_type-modal_enabled: true
field_settings_tabs_enabled: false
shortcode_enabled: true
registered_acf_forms: 0
json_save_paths: 1
json_load_paths: 1

WORKAROUND found!

Once the bug appears, open the page on the front end and then edit with Bricks.

Hello @mr.matt.eastwood,

thank you for the access. I was actually able to reproduce it with all the plugins on. But then I disabled all plugins and tried again (by manually creating classes), and I was not able to replicate it.

Can you replicate it without any other plugin?

Please let me know.
Thanks!
Matej

2 Likes

Thanks for checking, I will tinker around without any other plugins.

@everybody who is also affected, are you guys using AT and/or ACSS?

Yes, I’m using both - AT and ACSS

Just wanted to share that I am not using AT or ACSS and never encountered this bug.

Hey @Matej, I’m not sure it’s exactly the same issue but it’s worth investigating: I was able to reproduce a similar bug inside the builder with 1.11 beta when the the feature “Reorder the global classes alphabetically” of AT was on. Basically this feature reorder the globalClasses array on load - even if it doesn’t modify any item inside the array. When enabled, the classes attached to each element look wrong inside the builder (but doesn’t impact the frontend). So I investigated further, and saw that the classes’s ID attached to each element were correct, but only displayed wrongly inside the builder. I was also able to reproduce the issue without AT enabled by reordering the classes alphabetically using the core Class Manager of Bricks. Keep in mind this bug disappears as soon as you save the global classes array and reload the page. It looks like sowehow the order of the classes inside the globalClasses array has an impact on how the classes are rendered inside the element panel. I already let Thomas know, but it doesn’t hurt letting you know as well!

Cheers,
Maxime

6 Likes

Thanks for the hint, Maxime! I can confirm that reordering a class in the global class manager reliably replicates the issue (without AT activated).

4 Likes

Could everyone who faces this class issue in the builder using 1.11-beta download version 1.11-beta2 at https://my.bricksbuilder.io/?beta=1.11-beta2 and let us know here if this fixes the issue? :pray:

1 Like