Upgrade joomla 3 uninstall PKG_JOOMLA protected - SOLVED

PKG_JOOMLA

Detail: Upgrade Joomla3 to Joomla 4, require uninstall PKG_JOOMLA. This is protected not allow

Solution: manual phpmyadmin
SELECT * FROM `jos_extensions` where name='PKG_JOOMLA';
Delete this row

joomla4 Taggable not found - SOLVED

Upgrade joomla 3. to joomla 4. run
"Joomla\Plugin\Behaviour\Taggable\Extension\Taggable" not found 

Solution: remove file administrator/cache/autoload_psr4.php 

Detail: https://github.com/joomla/joomla-cms/issues/38474

Iphone Safari issue toolbar over at bottom

 

Solutions

#1: IOS 16.4 support above 100svh,lvh,dvh (small,large,dynamic view height): old version not supoport
#2: Padding 105px: always have space at bottom
#3: Script view check screen view height: SOLVED this is the best way. This solution reuse idea

https://viblo.asia/p/sua-loi-100vh-tren-thiet-bi-ios-safari-gGJ59GEjZX2

jQuery(document).ready(function(){

const windowHeight = () => {
        var svh = window.innerHeight;
        console.log(svh);
        /*set*/       
        jQuery('#i_display_container_fixed').css('height',svh+'px');
    }
    window.addEventListener('resize', windowHeight);
    windowHeight();

});

HTML to top-bottom-anchor animation

HTML to top, to bottom anchor animation
2 ways:
Jquery is complex
The easiest way add css

/*add to css*/

html {
  scroll-behavior: smooth;
}

Jquery array rename key - CLEAR

Có nhiều cách làm trên internet nhưng bị lỗi, khó hiểu
Cách làm đơn giản nhất là replace string json

myArray = {oldKey1: 'value1', oldKey2: 'value2', another: '1'}
Change oldKey1 = newKey1


/*Object to string*/
var jsonMap = JSON.stringify(myArray);
/*Key replace by newkey*/
var jsonMapReplace = jsonMap.replace(oldKey1,newKey1);
/*string to JSON again*/
myArray = JSON.parse(jsonMapReplace);

Wordpress Twitter feed by Smash Balloon setting

 Detail: plugin Twitter feed by Smash Balloon

Wordpress Directory plugin select 2 issue Iphone

 Detail: Wordress use plugin Directorist - Business Directory Plugin
Safari iphone select2 can not select
Step: input click -> select popup view above, this issue popup view in range click too : this mean selected and hide popup

Solution: popup above move top out range click by CSS

/*mobileSelectIssue*/
body .select2-container--open .select2-dropdown--above{
    top:-2px;
}