Gutenberg: एसीएफ मेटाबॉक्स हमेशा दिखाई देते हैं

को निर्मित 4 दिस॰ 2018 · 24टिप्पणियाँ · स्रोत: WordPress/gutenberg

बग का वर्णन करें
उन्नत कस्टम फ़ील्ड्स प्लगइन के साथ बनाए गए सभी फ़ील्ड समूहों को उन फ़ील्ड समूह के स्थान नियमों के अप्रासंगिक पोस्ट को संपादित करते समय खाली दिखाई देने वाले मेटाबोक्स के रूप में दिखाया गया है।

screen shot 2018-12-04 at 1 41 20 pm

हैलो वर्ल्ड पोस्ट को संपादित करते समय उपरोक्त छवि सभी फ़ील्ड समूहों को खाली मेटाबोक्स के रूप में दिखाती है।

बग को समझना
इसका कारण गुटेनबर्ग द्वारा आरंभीकरण के दौरान मेटाबॉक्स की दृश्यता को दूर करना / संशोधित करना है। समस्या को दोहराने के लिए कृपया नीचे उदाहरण कोड देखें।

यहाँ समस्या पर थोड़ा पृष्ठभूमि है और 5.0 जारी होने से पहले इसे ठीक करने के लिए यह एक महत्वपूर्ण क्यों है ...

एसीएफ सभी क्षेत्र समूहों को मेटाबॉक्स के रूप में पंजीकृत करता है और फिर अपने स्थान नियमों के आधार पर उन्हें छिपाने / दिखाने के लिए जेएस का उपयोग करता है। यह मेटाबोक्स के गतिशील अद्यतन के लिए अनुमति देता है जब पोस्ट विशेषताएँ (जैसे श्रेणी, पोस्ट_फॉर्मैट, पोस्ट_परेंट) संपादित की जा रही हैं। इस दृष्टिकोण ने ACF को मेटाबॉक्स के आसपास खींचते समय निर्धारित कस्टम मेटाबॉक्स ऑर्डर और स्थिति सेटिंग्स का सम्मान करने की अनुमति दी है।

गुटेनबर्ग सक्रिय (या वर्डप्रेस 5.0 RC2) के साथ, सभी मेटाबॉक्स को दिखाई देते हैं। मेरा मानना है कि गुटेनबर्ग के भीतर कुछ जेएस कोड मेटाबॉक्स की दृश्यता निर्धारित कर रहा है कि क्या मेटाबॉक्स पहले से ही कस्टम जेएस द्वारा छिपाया गया है।

इसे ठीक करने की आवश्यकता क्यों है
यह तय करने की आवश्यकता के कई कारण हैं, लेकिन मैं आपको बस कुछ के साथ जीतने की कोशिश करूंगा:

प्रयोगकर्ता का अनुभव। स्थापित ACF वाला कोई भी उपयोगकर्ता गुटेनबर्ग को सक्रिय करने के पहले कुछ मिनटों में 5.0 तक अपडेट कर देगा। यह उन लोगों के लिए एक नकारात्मक उपयोगकर्ता अनुभव प्रस्तुत करता है जिनके पास अनुकूलित वेबसाइट हैं। उपयोगकर्ता आश्चर्य करेंगे कि "और क्या टूट गया है"?
दत्तक ग्रहण। यह मुद्दा दुर्भाग्य से गुटेनबर्ग पर बुरी तरह से प्रतिबिंबित होता है। समस्या केवल तब दिखाई देती है जब गुटेनबर्ग सक्रिय होता है और अंततः दुखी डेवलपर्स / उपयोगकर्ताओं को जन्म देगा, जिनके पास एसीएफ स्थापित है।

प्रजनन करना
समस्या का प्रदर्शन करने के लिए कुछ उदाहरण कोड और कुछ अटैचमेंट हैं:

<?php 

// Register a metabox.
add_action('add_meta_boxes', 'test_add_meta_boxes', 10, 2);
function test_add_meta_boxes( $post_type, $post ) {

    add_meta_box( 'test-metabox', 'Test Metabox', 'test_render_meta_box', $post_type, 'normal', 'high' );
}

// Render metabox HTML.
function test_render_meta_box() {
    ?>
    <script type="text/javascript">
    (function($) {
        $('#test-metabox').hide();
        $('#test-metabox .inside').html('This should be hidden.');
    })(jQuery); 
    </script>
    <?php
}

?>

screen shot 2018-12-04 at 1 24 57 pm

अपेक्षित् व्यवहार
कस्टम जेएस के माध्यम से छिपे हुए मेटाबॉक्स को छिपाया जाना चाहिए।

अतिरिक्त संदर्भ

गुटेनबर्ग या WP 5.0 के सभी संस्करणों में मौजूद मुद्दा

[Feature] Meta Boxes [Status] In Progress [Type] Bug

स्रोत

elliotcondon

👍32

सबसे उपयोगी टिप्पणी

क्या आपको एहसास नहीं है कि एसीएफ और एसीएफ प्रो का उपयोग करने वाले कितने लाखों साइट प्रभावित कर रहे हैं? 5.0 रिलीज से पहले इसे ठीक नहीं करना हास्यास्पद और अविश्वसनीय रूप से निराशाजनक है कि आप ऐसे लोकप्रिय प्लगइन को तोड़ने वाले कोड को जारी करने के लिए तैयार हैं। मुझे यकीन है कि अगर यह मुद्दा जेटपैक या कुछ अन्य ऑटोमैटिक प्लगइन को प्रभावित करता है, तो इसे मिनटों में ठीक किया जाएगा और 5.0 रिलीज में जादुई रूप से जोड़ा जाएगा।

screenshot_992
* यह सिर्फ एसीएफ के लिए है

maddisondesigns 5 दिस॰ 2018

👍61 👎1

सभी 24 टिप्पणियाँ

ऐसा इसलिए होता है क्योंकि MetaBoxVisibility style.display से '' तब हो जाता है जब यह मायने रखता है:

https://github.com/WordPress/gutenberg/blob/69b55c70443762c1d302e982a5f91196ff0892f4/packages/edit-post/src/compenders/meta-boxes/meta-box-visibility-js#L8 -L810L

एक आसान तय यह होगा कि हम केवल DOM को अपडेट करें अगर हमें _hide_ मेटा बॉक्स की आवश्यकता है:

componentDidMount() {
    if ( ! this.props.isVisible ) {
        this.updateDOM();
    }
}

हालाँकि उपयोगकर्ता अभी भी मेटा बॉक्स को खोलने के लिए _Options_ खोलकर और उस मेटा बॉक्स के लिए चेकबॉक्स पर / बंद toggling दिखा सकता है।

@elliotcondon : क्या आप सीएसएस के साथ छिपाने के बजाय remove_meta_box() का उपयोग करके मेटा बॉक्स को अपंजीकृत करने में सक्षम हैं? इस तरह मेटा बॉक्स को संपादक और _Options_ modal दोनों से हटा दिया जाएगा।

noisysocks 4 दिस॰ 2018

👍1

@noisysocks उत्तर और जानकारी के लिए धन्यवाद।

मैं गतिशील रूप से मेटाबोक्स को अपडेट करने के लिए एक वैकल्पिक समाधान को देखकर खुश हूं, हालांकि, गुरुवार के WP5.0 रिलीज से पहले सभी उपयोगकर्ताओं के लिए अपडेट को रोल करना संभव नहीं होगा।

क्या उनकी "प्रदर्शन" शैली को हटाए बिना मेटाबोक्स को "माउंट" करना संभव है?
यह गुटेनबर्ग को अपेक्षित रूप से मेटाबॉक्स एचटीएमएल विरासत में प्राप्त करने की अनुमति देगा।

elliotcondon 4 दिस॰ 2018

👍6

क्या उनकी "प्रदर्शन" शैली को हटाए बिना मेटाबोक्स को "माउंट" करना संभव है?

हां, यह अनिवार्य रूप से है जो मैंने ऊपर प्रस्तावित परिवर्तन किया था। यह केवल बग को कम करता है, हालाँकि, गुटेनबर्ग को style.display से '' या 'none' करने की आवश्यकता है, ताकि उपयोगकर्ता _aations_ modal के माध्यम से मेटा बॉक्स को सक्षम और अक्षम कर सके।

noisysocks 4 दिस॰ 2018

यह समझ आता है। क्या यह आसान 5.0 रिलीज में पुश करने के लिए पर्याप्त है?

elliotcondon 4 दिस॰ 2018

👍4

मुझे यह कहते हुए खेद है कि यह रिलीज चक्र में 5.0 के लिए तय होने में बहुत देर हो चुकी है और यह एक अवरुद्ध मुद्दा नहीं है। मैंने इसे 5.0.1 मील के पत्थर में जोड़ा है जो कि 6 दिसंबर को 5.0 जारी होने के बाद दो सप्ताह के लिए लक्षित है।

वर्कअराउंड के रूप में, आप तत्व का उपयोग करके उस तत्व को छिपाने में देख सकते हैं जो style.display संशोधित नहीं करता है, उदा

- $('#test-metabox').hide();
+ $('#test-metabox').addClass( 'hidden' );

noisysocks 4 दिस॰ 2018

👎37 ❤1 🎉1 👍1

screenshot_992
* यह सिर्फ एसीएफ के लिए है

maddisondesigns 5 दिस॰ 2018

👍61 👎1

मैं 200 से अधिक साइट स्वामियों का प्रबंधन करता हूं जो ACF और अन्य 31use ACF प्रो का लाभ उठाते हैं। यह रिलीज़ चक्र मेरे द्वारा सामना किए गए सबसे निराशाजनक में से एक रहा है। इस मुद्दे को दो सप्ताह या उससे अधिक समय के लिए टालना शर्मनाक है।

logicalphase 5 दिस॰ 2018

👍22

मुझे यकीन है कि अगर यह मुद्दा जेटपैक या कुछ अन्य ऑटोमैटिक प्लगइन को प्रभावित करता है, तो इसे मिनटों में ठीक किया जाएगा और 5.0 रिलीज में जादुई रूप से जोड़ा जाएगा।

तथास्तु

webdados 5 दिस॰ 2018

❤12

मुझे लगता है कि क्लासिक संपादक को सक्षम करने से यह समस्या ठीक हो जाती है? यह सुनिश्चित करें कि गुटेनबर्ग कोड अभी भी इसके साथ शामिल है

rochow 5 दिस॰ 2018

@elliotcondon क्या यह एक प्रतिगमन है, या यह इस तरह से सभी के साथ काम कर रहा है?

earnjam 5 दिस॰ 2018

संभावना है कि यह https://github.com/WordPress/gutenberg/pull/11084 द्वारा एक महीने पहले शुरू किया गया एक प्रतिगमन है

कृपया विषय पर बने रहें। यह 5.0 रिलीज़ प्रक्रिया पर चर्चा करने का स्थान नहीं है जो यह है।

noisysocks 5 दिस॰ 2018

Https://github.com/WordPress/gutenberg/pull/11084 में "सुपर हैसी एप्रोच" का क्या अर्थ है?

क्या "नॉन हैकी एप्रोच" का उपयोग करना बेहतर नहीं होगा, क्योंकि वर्डप्रेस 5.0 अब तैयार है? या नहीं है?

bupotalovo 5 दिस॰ 2018

@youknowriad की सिफारिश की तरह मर्ज से पहले @noisysocks ने ACF अपफ्रंट के खिलाफ अपने पुल अनुरोध का सफलतापूर्वक परीक्षण किया है?

rpkoller 5 दिस॰ 2018

क्षमा याचना, मैं अपने तारों को पार कर गया। यह प्रतिगमन 4.1 छः सप्ताह पहले https://github.com/WordPress/gutenberg/pull/10676 द्वारा पेश किया गया था

noisysocks 5 दिस॰ 2018

नमस्ते। हम इस मुद्दे के बारे में बहुत सारे समर्थन टिकट देखना शुरू कर रहे हैं। कृपया इस GitHub टिकट को समस्या को दूर करने के लिए अपनी योजनाओं के साथ अपडेट रखें।

elliotcondon 7 दिस॰ 2018

12628 समस्या को हल करता है और ~ 2 सप्ताह में वर्डप्रेस 5.0.1 के भाग के रूप में भेज दिया जाएगा।

$( '#test-metabox' ).addClass( 'hidden' ) या wp.data.dispatch( 'core/edit-post' ).removeEditorPanel( 'meta-box-test-metabox' ) का उपयोग करके मेटा बॉक्स को छिपाना पसंदीदा पसंद बना हुआ है।

आगे बढ़ते हुए, हम अनुशंसा करते हैं कि removeEditorPanel() या remove_meta_box() का उपयोग इन जैसे मामलों के लिए किया जाए।

noisysocks 7 दिस॰ 2018

ऐसा लगता है कि हमें अपने अंत से इसे ठीक करने के लिए एक अपडेट जारी करना होगा।
यह शर्म की बात है कि रिलीज से पहले WP 5.0 में इतना छोटा फिक्स नहीं जोड़ा जा सकता था।
यह सीधे ACF उपयोगकर्ता को 5.0 में अद्यतन करने वाले प्रत्येक प्रभाव को प्रभावित करता है।

elliotcondon 7 दिस॰ 2018

👍9

ऐसा लगता है कि हमें अपने अंत से इसे ठीक करने के लिए एक अपडेट जारी करना होगा।
यह शर्म की बात है कि रिलीज से पहले WP 5.0 में इतना छोटा फिक्स नहीं जोड़ा जा सकता था।
यह सीधे ACF उपयोगकर्ता को 5.0 में अद्यतन करने वाले प्रत्येक प्रभाव को प्रभावित करता है।

वर्डप्रेस ने वास्तव में गुटेनबर्ग के साथ पेंच को पेंच किया। वे कहते हैं कि वे अपने उपयोगकर्ताओं को सुनते हैं, लेकिन स्पष्ट रूप से नहीं। कोई भी इस राक्षसी को नहीं चाहता है।

WPs पेंच-अप को ठीक करने के लिए @elliotcondon को बहुत धन्यवाद।

gmsdesignworks 7 दिस॰ 2018

हां, यह खेदजनक है कि इस बग की खोज नहीं की गई और 5.0 कोड फ्रीज के लिए समय निर्धारित किया गया।

_Please_ आइए विषय पर बने रहें। GitHub हमारा कार्यस्थल है। यह महत्वपूर्ण है कि हम यहां बातचीत को अनुकूल और विषय पर रखें ताकि मौजूदा योगदानकर्ता अपना सर्वश्रेष्ठ काम करने में सक्षम हों और परियोजना में नए योगदानकर्ताओं का स्वागत किया जा सके।

noisysocks 7 दिस॰ 2018

@noisysocks ... मेरी क्षमायाचना। मैं अपनी जीभ काटने की कोशिश करने जा रहा हूं। लेकिन आपको पता होना चाहिए कि आपने जो कुछ भी किया है, उसने लाखों WP उपयोगकर्ताओं को केवल अपनी गलती को ठीक करने के लिए उस प्लगइन के डेवलपर पर डालने के लिए नकारात्मक रूप से प्रभावित किया है। यह WP होना चाहिए जो फिक्स करता है और ACF नहीं।

gmsdesignworks 7 दिस॰ 2018

हां, यह खेदजनक है कि इस बग की खोज नहीं की गई और 5.0 कोड फ्रीज के लिए समय निर्धारित किया गया।

हो सकता है कि अगर यह रिलीज इतनी जल्दी न निकली होती तो यह मिल जाती। हो सकता है कि अगर गुटेनबर्ग लगातार पीछे की ओर की संगतता को नहीं तोड़ते हैं, तो इसे पहली जगह में खोजने की आवश्यकता नहीं होगी।

गुटेनबर्ग द्वारा हफ़्तों बाद टूटने के लिए इलियट ने जितनी बार ACF को ठीक काम किया है, वह हास्यास्पद है! यह तथ्य कि यह जारी किया गया था, यह जानते हुए कि यह लाखों साइटों को तोड़ने वाला था, उतना ही हास्यास्पद है।

maddisondesigns 7 दिस॰ 2018

👍3

जैसा कि @noisysocks का उल्लेख किया गया है, यह रिपॉजिटरी है, जहां हम काम करते हैं: जैसे आप किसी के कार्यालय में नहीं भटकेंगे और उन्हें या उनके काम को खराब कर देंगे, यहाँ ऐसा करना अस्वीकार्य है।

मैं समझता हूं कि बग में भागना निराशाजनक है, खासकर अगर यह उन साइटों को प्रभावित करता है जिन्हें आप उत्पादन में प्रबंधित करते हैं। हालांकि, बग रिपोर्ट में अपनी हताशा को बाहर निकालने का कोई बहाना नहीं है, जो विशेष रूप से उस बग को ठीक करने के उद्देश्य से मौजूद है।