Update from 2.8 to 3.0-beta - issues with typography and patterns

Created on 16 May 2024, 6 months ago
Updated 12 August 2024, 3 months ago

Problem/Motivation

Updating from 2.8 to 3.0.0-beta5. This leads to a couple of issues:

Reusable Blocks/Patterns:

  • the taxonomy for patterns is not created.
  • the block type, views, etc. required for Patterns is not updated/created.

This is solved by importing/creating/updating the required config.

Typography and Dimensions:

  • Font size: options "S", "M", etc. are missing.
  • Font size: adding value to Font size custom input causing error TypeError: fontSizeValue?.startsWith is not a function.
  • Other typography settings work as expected.
  • Dimensions: missing and not included for any block.
💬 Support request
Status

Closed: works as designed

Version

3.0

Component

Code

Created by

🇨🇦Canada ydahi Waterloo, Canada

Live updates comments and jobs are added and updated live.
Sign in to follow issues

Comments & Activities

  • Issue created by @ydahi
  • Status changed to Needs review 6 months ago
  • 🇵🇹Portugal marcofernandes

    Reusable blocks / Patterns issue should be solved by this 📌 Patterns and synced patterns (reusable blocks) Needs work

    I'll take a look at the typography issues but note that font sizes definition location has changed. For example:

    theme-support:
      __experimentalFeatures:
        typography:
          fontSizes:
            theme:
              - name: Small
                size: "0.8125em"
                slug: small
              - name: Medium
                size: "1em"
                slug: medium
              - name: Large
                size: "1.50em"
                slug: large
              - name: Extra Large
                size: "2em"
                slug: extra-large
              - name: Extra Extra Large
                size: "4em"
                slug: extra-extra-large
    

    To enable dimensions you need to set the following configuration to theme's configuration file:

    theme-support:
      __experimentalFeatures:
        spacing:
          margin: true
          padding: true
          units:
            - px
            - em
            - rem
    

    I couldn't replicate the custom font size, at least with Olivero but make sure the option is enabled at:

    theme-support:
      __experimentalFeatures:
        typography:
          customFontSize: true
    

    I suggest to take a look at the configuration from the Starter theme: https://git.drupalcode.org/project/gutenberg_starter/-/blob/1.0.x/gutenb...
    Still WIP but a good reference.

    Btw, some configuration definitions have changed without a deprecation step because of the "long" jump we made regarding the core library. In future releases we will do better 😉

  • Status changed to Closed: works as designed 3 months ago
Production build 0.71.5 2024