How to handle big pipe rendered blocks with Cumulative Layout Shift

I have got few blocks (custom and from some external modules), that are I believe dynamic (most likely cache disabled blocks).

When the page is rendering it initially fills those regions with span ids like these data-big-pipe-placeholder-id with empty content in it.

And after a few milliseconds, it then renders the content on those blocks. This then shifts the contents within the page.

There is a new check by google for page/block shifts, they call it CLS (https://web.dev/cls/). I believe google will be penalising for too many block/content shifting websites soon.

How do I overcome this?

How does product count on layered navigation in Magento 2.4 is being rendered?

i’m using magento 2.4.1 and successfully overriding the product collection for layered navigation by overriding the getProductCollection method. The problem is the layered navigation sidebar showing incorrect product count (the correct count is 3):

enter image description here
enter image description here

i want to try for this solution however i can’t find MagentoCatalogSearchModelSearchIndexBuilder in Magento 2.4.1

Is there a way to get rendered html content of a WP post after updating?

I tried adding a filter at the content etc but that one just gives access to content stored in wp_posts. I am interested in getting the rendered html with meta tags etc for a post, after it is updated. How can I do this?

8 – Ajax submission not working for same webform rendered multiple times on same page

I have a content type called “FAQ” with teaser type display views page(Around 30 contents). I have created an ajax webform and rendering the form under each teaser content to collect user’s feedback for the FAQ. When I submit the first webform it works fine. But when I try to submit other forms on the same page it just scrolls to the top of the page and shows the confirmation message on the first form.

I guess it is not working due to the same ajax wrapper ID being loaded for all the forms. Can someone please suggest the best option to render the same form multiple times?

enter image description here

8 – Ajax submission not working for same form rendered multiple times on same page

I have a content type with teaser type display views page. I have created an ajax webform and rendering the form under each teaser content. When I submit the first webform it works fine. But when I try to submit other forms on the same page it just scrolls to the top of the page.

I guess it is not working due to the same ajax wrapper ID being loaded for all the forms. What would be the best approach to render the form?

In progress – Not Happy About This Since I Do Not Believe Ad Package Was Rendered Been Over a Week Now… | Forum Promotion

game loop – Why does the triangle rendered by OpenGL ES 2.0 , with SDL 2.0 context, vanishes after a single render, if events are not polled?

I was experimenting with OpenGL ES 2.0 and being new to OpenGL, I was trying to render a simple triangle. But I was shocked to see that, if I do not call SDL_PollEvent(...) after glDrawArrays(...) in the game loop, I see the triangle render on the screen for a split second and then it vanishes altogether ! But, if I call SDL_PollEvent then everything is fine ! Can anyone explain to me the reason for this abnormal behavior???

However, this is the interesting part of my code:

This code works perfectly, if I uncomment the commented block of code:

uint32_t vbo; 
glGenBuffers(1, &vbo);
glBindBuffer(GL_ARRAY_BUFFER, vbo);
glBufferData(GL_ARRAY_BUFFER, sizeof(vertices), vertices, GL_STATIC_DRAW); 
glEnableVertexAttribArray(pos);
glVertexAttribPointer(pos, 3, GL_FLOAT, GL_FALSE, 3*sizeof(float), (void*)0);

bool run = true;
SDL_Event e;
while (run)
{
    glDrawArrays(GL_TRIANGLES, 0, 3);
  SDL_GL_SwapWindow(window); 

/*while(SDL_PollEvent(&e))
{
      switch(e.type)
      {
           case SDL_QUIT:
                run = false;
                break; 
      }
} */

}

Vertex Shader:

precision mediump float; 
attribute vec3 pos;
void main()
{
    gl_Position = vec4(pos.xyz, 1.0); 
}

Fragment Shader:

precision mediump float; 
void main()
{
      gl_FragColor = vec4(0.0, 0.0, 1.0, 1.0); 
}

Every help will be greatly appreciated, Thankyou everyone in advance !

uicomponent – Custom Category Attribute not rendered in backend Categories Page

i try to add a new category attribute in Magento 2.3.6 and render an input in the category backend.
Setup worked, attribute is created. But the category_form.xml seems to be ignored. Maybe someone can show me whats wrong here.

I used this explanation first:
https://devdocs.magento.com/guides/v2.3/ui_comp_guide/howto/add_category_attribute.html

But i dont get the Attribute shown in backend. Module is enabled, setup creates the entries in eav_attribute and catalog_eav_attribute. I dont have errors in the logs.

Vendor/Module/Setup/InstallData.php

<?php
namespace VendorModuleSetup;

use MagentoFrameworkSetup{
    ModuleContextInterface,
    ModuleDataSetupInterface,
    InstallDataInterface
};

use MagentoEavSetupEavSetup;
use MagentoEavSetupEavSetupFactory;

class InstallData implements InstallDataInterface
{
    private $eavSetupFactory;
    
    public function __construct(EavSetupFactory $eavSetupFactory) {
        $this->eavSetupFactory = $eavSetupFactory;
    }
    
    public function install(ModuleDataSetupInterface $setup, ModuleContextInterface $context)
    {
        $eavSetup = $this->eavSetupFactory->create(('setup' => $setup));
        $eavSetup->removeAttribute(MagentoCatalogModelCategory::ENTITY, 'product_group');
        $eavSetup->addAttribute(MagentoCatalogModelCategory::ENTITY, 'product_group', (
            'type'     => 'varchar',
            'label'    => 'Product Group',
            'default'  => null,
            'input'    => 'text',
            'visible'  => true,
            'required' => false,
            'global'   => MagentoEavModelEntityAttributeScopedAttributeInterface::SCOPE_STORE,
            'group'    => 'general',
            'source' => '',
            'backend'  => '',
            'user_defined' => false,
            'sort_order'   => 100,
        ));
    }
}

UI Component
Vendor/Module/view/adminhtml/ui_component/category_form.xml

<?xml version="1.0" encoding="UTF-8"?>
<form xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:module:Magento_Ui:etc/ui_configuration.xsd">
    <fieldset name="general">
        <field name="product_group">
            <argument name="data" xsi:type="array">
                <item name="config" xsi:type="array">
                    <item name="required" xsi:type="boolean">false</item>
                    <item name="validation" xsi:type="array">
                        <item name="required-entry" xsi:type="boolean">false</item>
                    </item>
                    <item name="sortOrder" xsi:type="number">100</item>
                    <item name="dataType" xsi:type="string">string</item>
                    <item name="formElement" xsi:type="string">input</item>
                    <item name="label" translate="true" xsi:type="string">Product Group</item>
                </item>
            </argument>
        </field>
    </fieldset>
</form>

Would be great if someone can help me 🙂

Regards,
Andreas

rooting – Remove or hide a ui element from android rendered xml layout

Context
I have automated a production app (dont have control over it’s source code) using appium but in an attempt to speed up this automation I would like to remove a dynamic animated element (with class android.view.Viewgroup) from UI which is slowing down the UI query response time. Preferably, a shell command using adb by specifying a UISelector query would be amazing!

Full disclosure: I dont fully understand the android UI model as well as I do say browser’s DOM. And the ability to hide/remove an element on DOM in browsers is easy. However, android doesnt seem to support any straight forward API to remove a rendered UI element. I suspect this is because UI model is more closely linked to OS internals in android and any attempt to alter expected rendering behavior would trigger fatal errors.

In simple terms, I would like to replicate the browser’s document.getElementById("ded").remove() behaviour for android’s native view model.

Potential Solution
While not officially supported, I’m confident this can be achieved with View#setVisibility api using a rooted device and some form of code injection during runtime using frameworks like Xposed. I’m happy to check in at xda forum if discussing about it is not supported here.

I would greatly appreciate any insight into libraries/modules/apps that may already provide this functionality.
Thank you in advance!

seo – Googlebot doesn’t see links in Angular SPA because routerLink is rendered with a href starting with a hash

In My Angular SPA I have links like:

<a routerLink="/en/my-page" ...

When I check it in google search console I see that googlebot see the link as:

<a href="#/en/my-page" ...

It seems that googlebot can’t follow such link and therefore can’t see my-page.