{"id":223,"date":"2026-08-07T18:23:37","date_gmt":"2026-08-07T16:23:37","guid":{"rendered":"https:\/\/helloblog.io\/sk\/gutenberg-23-7-novinky\/"},"modified":"2026-08-07T18:23:37","modified_gmt":"2026-08-07T16:23:37","slug":"gutenberg-23-7-novinky","status":"publish","type":"post","link":"https:\/\/helloblog.io\/sk\/gutenberg-23-7-novinky\/","title":{"rendered":"Gutenberg 23.7: opravy editora, gal\u00e9rie a Global Styles"},"content":{"rendered":"\n

Gutenberg 23.7 prin\u00e1\u0161a najm\u00e4 s\u00e9riu presn\u00fdch opr\u00e1v editora, ktor\u00e9 odstr\u00e1nia ru\u0161iv\u00e9 vizu\u00e1lne chyby pri p\u00edsan\u00ed a \u00faprav\u00e1ch rozlo\u017eenia. Nov\u00e1 verzia z\u00e1rove\u0148 spreh\u013ead\u0148uje dynamick\u00fd re\u017eim bloku Gal\u00e9ria, prid\u00e1va volite\u013en\u00e9 dedenie glob\u00e1lnych \u0161t\u00fdlov a upravuje komponenty, build aj testovaciu infra\u0161trukt\u00faru.<\/p>\n\n\n\n

Plugin je dostupn\u00fd na stiahnutie a m\u00f4\u017ee\u0161 si ho hne\u010f otvori\u0165 aj v pripravenom Gutenberg Playgroundi<\/a>. Gutenberg vyd\u00e1va nov\u00fa verziu ka\u017ed\u00e9 dva t\u00fd\u017edne; 23.7 nadv\u00e4zuje na zmeny z verzie 23.6.<\/p>\n\n\n\n

1. Editor opravuje rozlo\u017eenie aj ovl\u00e1danie blokov<\/h2>\n\n\n\n

Pl\u00e1vaj\u00face bloky u\u017e neprekr\u00fdvaj\u00fa sticky bloky. V blokoch, ktor\u00e9 si preberaj\u00fa vlastn\u00fd toolbar, sa pr\u00e1zdny appender op\u00e4\u0165 zobraz\u00ed na spr\u00e1vnom mieste. Blok Cit\u00e1t s odsaden\u00edm tie\u017e re\u0161pektuje vlastn\u00fa v\u00fd\u0161ku riadka priamo v editore, tak\u017ee jeho vzh\u013ead zodpoved\u00e1 front endu.<\/p>\n\n\n\n

Editor obnovuje pevne ur\u010den\u00fa v\u00fd\u0161ku n\u00e1h\u013eadu zariaden\u00ed pre mobil a tablet. Pri pohybe kurzora v blokoch vy\u0161\u0161\u00edch ne\u017e viewport sa u\u017e nebude pos\u00fava\u0165 cel\u00e1 str\u00e1nka; v\u00fdber blokov vie\u0161 roz\u0161\u00edri\u0165 cez Shift a \u0161\u00edpky, ke\u010f prehliada\u010d nem\u00e1 vlastn\u00fd textov\u00fd v\u00fdber, a Shift + klik sa spr\u00e1vne vyhodnot\u00ed ako gesto pre viacn\u00e1sobn\u00fd v\u00fdber.<\/p>\n\n\n\n

\"Opravy
Verzia 23.7 dola\u010fuje pl\u00e1vaj\u00face bloky, appender, v\u00fd\u0161ku riadkov a n\u00e1h\u013eady zariaden\u00ed. \u2014 Forr\u00e1s: WordPress.org<\/em><\/figcaption><\/figure>\n\n\n\n

2. Dynamick\u00e1 gal\u00e9ria jasnej\u0161ie odpoj\u00ed obr\u00e1zky<\/h2>\n\n\n\n

Dynamick\u00fd re\u017eim bloku Gal\u00e9ria pri\u0161iel vo verzii 23.6, no tla\u010didlo toolbaru \u201eConvert to images\u201c nehovorilo jasne, \u010do sprav\u00ed. Gutenberg 23.7 ho premenoval na \u201eDetach\u201c a pred odpojen\u00edm zobraz\u00ed mod\u00e1lne okno s vysvetlen\u00edm d\u00f4sledku.<\/p>\n\n\n\n

Odpojenie dynamickej gal\u00e9rie sa teraz zap\u00ed\u0161e ako jedna \u00farove\u0148 hist\u00f3rie undo. V praxi tak jedn\u00fdm krokom vr\u00e1ti\u0161 cel\u00fa konverziu, namiesto toho, aby si musel vraca\u0165 zmeny obr\u00e1zkov postupne.<\/p>\n\n\n\n

\"Tla\u010didlo
Nejednozna\u010dn\u00e9 tla\u010didlo nahradil n\u00e1zov, ktor\u00fd opisuje vykonan\u00fa akciu. \u2014 Forr\u00e1s: WordPress.org<\/em><\/figcaption><\/figure>\n\n\n\n
\"Mod\u00e1lne
Pred odpojen\u00edm obr\u00e1zkov Gutenberg vysvetl\u00ed, \u010do sa zmen\u00ed. \u2014 Forr\u00e1s: WordPress.org<\/em><\/figcaption><\/figure>\n\n\n\n

3. Dedenie glob\u00e1lnych \u0161t\u00fdlov zapne\u0161 iba vedome<\/h2>\n\n\n\n

Rozhranie pre dedenie Global Styles m\u00e1 v 23.7 experiment\u00e1lny charakter a predvolene sa nezapne. Aktivuje\u0161 ho na str\u00e1nke Gutenberg Experiments v nastaveniach pluginu. In\u0161pektor blokov potom zobrazuje hodnoty zdeden\u00fdch glob\u00e1lnych \u0161t\u00fdlov a pre bloky funguj\u00face ako odkazy spr\u00e1vne vyhodnot\u00ed \u0161t\u00fdly prvku odkazu.<\/p>\n\n\n\n

Gutenberg tie\u017e vy\u010dlenil spolo\u010dn\u00fa spr\u00e1vu presetov zo spr\u00e1v tie\u0148ov a ve\u013ekost\u00ed p\u00edsma. Ak maj\u00fa dva farebn\u00e9 presety rovnak\u00fd hex k\u00f3d, panely Global Styles u\u017e neulo\u017eia ani nezobrazia nespr\u00e1vny preset. Pri theme.json sa \u0161pecificita tried presetov na \u00farovni blokov vyrovn\u00e1va cez :where()<\/code>.<\/p>\n\n\n\n

4. Math blok prestane hl\u00e1si\u0165 chybu pri ka\u017edom znaku<\/h2>\n\n\n\n

Math blok nahradil vstup pre LaTeX komponentom ValidatedTextareaControl<\/code>. Chybu parsovania u\u017e nevyvol\u00e1 pri ka\u017edom stla\u010den\u00ed kl\u00e1vesu: sp\u00e4tn\u00fa v\u00e4zbu dostane\u0161 a\u017e ke\u010f pole prv\u00fdkr\u00e1t strat\u00ed focus. Zmizne aj upozornenie pre \u010d\u00edta\u010dky obrazovky pri ka\u017edom znaku.<\/p>\n\n\n\n

Form primitives dost\u00e1vaj\u00fa podkomponenty Group<\/code> a GroupLabel<\/code> pre Combobox, Select a SelectControl. Zoskupen\u00e9 mo\u017enosti sa tak skladaj\u00fa konzistentne vo v\u0161etk\u00fdch rodin\u00e1ch komponentov s vyskakovac\u00edm zoznamom polo\u017eiek.<\/p>\n\n\n\n

5. Zmeny v komponentoch a kni\u017eniciach blokov<\/h2>\n\n\n\n

V komponentoch pribudli tieto zlep\u0161enia:<\/p>\n\n\n\n

    \n\n
  • DataViews a Font Library pou\u017e\u00edvaj\u00fa pri vyh\u013ead\u00e1van\u00ed pevn\u00fa \u0161\u00edrku po\u013ea, aby rozlo\u017eenie nesk\u00e1kalo.<\/li>\n\n\n
  • DataViewsPicker podporuje v\u00fdber rozsahu cez Shift + klik v rozlo\u017eeniach tabu\u013eky, mrie\u017eky aj aktivity.<\/li>\n\n\n
  • Komponent sandbox prij\u00edma vlastnos\u0165 sandbox<\/code>; Input skr\u00fdva nat\u00edvne ovl\u00e1da\u010de krokovania pri type="number"<\/code>.<\/li>\n\n\n
  • SearchControl vykresl\u00ed suffix len vtedy, ke\u010f existuje, a UI z\u00edskava primit\u00edvu Autocomplete.Row<\/code>.<\/li>\n\n\n
  • DataForm u\u017e nepresmeruje focus z valid\u00e1cie v kart\u00e1ch ani v detailoch; GradientPicker vyber\u00e1 pod\u013ea slugu, preto si dva presety s rovnak\u00fdm gradientom zachovaj\u00fa vlastn\u00fa identitu.<\/li>\n\n\n
  • ToolsPanel pre\u0161iel na SCSS Module. Storybook opravuje jsxImportSource<\/code> pre Emotion a pri \u010ditate\u013enosti k\u00f3du pou\u017e\u00edva polia det\u00ed.<\/li>\n\n\n
  • Autocomplete odkazuje na zoznam n\u00e1vrhov cez aria-controls<\/code> a aria-haspopup<\/code>; ExternalLink pou\u017e\u00edva spolo\u010dn\u00fd mixin focus ringu a hook useSelectionProps<\/code> u\u017e nez\u00e1vis\u00ed od rozlo\u017eenia.<\/li>\n\n\n
  • Komponenty Disabled, FormTokenField a SearchControl migruj\u00fa na SCSS Module. Bal\u00edky aktualizuj\u00fa date-fns<\/code> na 4.4.0, Color.js na 0.7.1 a colorjs.io<\/code>; odstr\u00e1nil sa aj p\u00f4vodn\u00fd obch\u00e1dzac\u00ed k\u00f3d pre chybu Color.js.<\/li>\n\n\n
  • Base Styles odstra\u0148uj\u00fa parameter accent color z input-control<\/code> a odstra\u0148uje sa s\u00fakromn\u00fd komponent Theme.<\/li>\n\n<\/ul>\n\n\n\n

    Kni\u017enica blokov roz\u0161iruje end-to-end pokrytie pou\u017e\u00edvate\u013esk\u00e9ho scen\u00e1ra pre blok Obsah. Z\u00e1rove\u0148 o\u0161etruje hodnoty atrib\u00fatov, ktor\u00e9 vyhadzuj\u00fa chybu, pres\u00fava editableRoot<\/code> medzi s\u00fakromn\u00e9 nastavenia bloku, pou\u017e\u00edva null coalescing pre atrib\u00fat parentPageID<\/code> v Page List, odstra\u0148uje redundantn\u00fa Jest @jest-environment jsdom<\/code> pragmu a lintuje jej pou\u017eitie.<\/p>\n\n\n\n

      \n\n
    • Table of Contents pou\u017e\u00edva str_contains()<\/code> namiesto kontroly cez strpos()<\/code> a Tabs odstr\u00e1nil predvolen\u00fd odsek zo \u0161abl\u00f3ny panela z\u00e1lo\u017eky.<\/li>\n\n\n
    • Form controls u\u017e nedost\u00e1vaj\u00fa zbyto\u010dn\u00e9 vlastnosti __next40pxDefaultSize<\/code>; opravy zah\u0155\u0148aj\u00fa aj zl\u00fa\u010denia s WordPress-Develop 7.0.<\/li>\n\n\n
    • Video blok v render_block_core_video()<\/code> zoh\u013eadn\u00ed zna\u010dku VIDEO<\/code> bez oh\u013eadu na ve\u013ekos\u0165 p\u00edsmen.<\/li>\n\n\n
    • V blokoch Cover a Accordion ukon\u010d\u00ed\u0161 \u00fapravu kl\u00e1vesom Enter. Pri odsaden\u00ed zoznamu sa zachov\u00e1 \u010d\u00edslovan\u00fd typ.<\/li>\n\n\n
    • Media Editor zobraz\u00ed stav na\u010d\u00edtania, k\u00fdm sa na\u010d\u00edta orezan\u00fd s\u00fabor, a Media odstra\u0148uje redundantn\u00fd pr\u00edznak __heicUploadSupport<\/code>.<\/li>\n\n\n
    • V rozhran\u00ed odkazu Navig\u00e1cie sa vo vn\u00fatri \u010dast\u00ed \u0161abl\u00f3ny op\u00e4\u0165 zobrazuje vo\u013eba \u201eAdd block\u201c. Toolbar Playlist skracuje popis tla\u010didla stopy.<\/li>\n\n\n
    • Nastavenie Offset v Query Loop dost\u00e1va kontext pre preklad. Ikona Tumblr v Social Link u\u017e neobsahuje nadbyto\u010dn\u00fa ukon\u010dovaciu zna\u010dku.<\/li>\n\n<\/ul>\n\n\n\n

      6. Opravy editora, pr\u00edspevkov a spolupr\u00e1ce<\/h2>\n\n\n\n