React-ace: एडिटर सफारी में तब काम नहीं करता जब ऊंचाई या चौड़ाई एक प्रतिशत हो

को निर्मित 12 जुल॰ 2017 · 13टिप्पणियाँ · स्रोत: securingsincity/react-ace

संकट

संपादक क्रोम में ठीक काम करता है, लेकिन सफारी में ठीक से प्रस्तुत नहीं करता है। परिणामी मार्कअप को देखते हुए, यह भी उसी तरह से प्रस्तुत नहीं करता है।

यहाँ क्या सफारी में गटर के लिए HTML की तरह दिखता है:

<div class="ace_gutter">
  <div class="ace_layer ace_gutter-layer ace_folding-enabled" style="margin-top: -5px; height: 52px; width: 42px;">
    <div class="ace_gutter-cell " style="height: 19px;">3</div>
  </div>
  <div class="ace_gutter-active-line" style="top: -5px; height: 19px;"></div>
</div>

Chrome में गटर के लिए यहां एक ही HTML है:

<div class="ace_gutter">
  <div class="ace_layer ace_gutter-layer ace_folding-enabled" style="margin-top: 0px; height: 585px; width: 42px;">
    <div class="ace_gutter-cell " style="height: 19px;">1<span class="ace_fold-widget ace_start ace_open" style="height: 19px;"></span></div>
    <div class="ace_gutter-cell " style="height: 19px;">2</div>
    <div class="ace_gutter-cell " style="height: 19px;">3</div>
  </div>
  <div class="ace_gutter-active-line" style="top: 38px; height: 19px;"></div>
</div>

यह एक बहुत कठिन परीक्षण करता है जब मैक पर पहुंच के लिए उपयोग किया जाता है क्योंकि वॉइसओवर केवल सफारी के साथ ठीक से काम करता है, और वॉयसओवर मैक के लिए मुख्य स्क्रीन रीडर है।

नमूना कोड आपके मुद्दे को पुन: पेश करने के लिए

कोई विशेष कोड नमूना आवश्यक नहीं है, बस क्रोम और सफारी (http://securingsincity.github.io/react-ace/) दोनों में डेमो लोड करें

bug help wanted issue with ace

स्रोत

backwardok

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

@backwardok मैं पुन: पेश करने में सक्षम हूं लेकिन मुझे यकीन नहीं है कि इसका कारण क्या है। यह ऐस लाइब्रेरी के साथ ही एक मुद्दा हो सकता है। मैं आगे की जांच करूंगा।

securingsincity 18 जुल॰ 2017

दिलचस्प रूप से @backwardok विभाजन संपादक http://securingsincity.github.io/react-ace/split.html काम करता है इसलिए मुझे आश्चर्य है कि अगर यह डेमो के विन्यास में से एक है।

securingsincity 18 जुल॰ 2017

इसलिए कुछ डिबगिंग करने के बाद संपादक उदाहरण height="100%" बिना ठीक काम करता है जो कि कम से कम कहने के लिए दिलचस्प है ... मैं इसे अभी के लिए उदाहरण से हटाने जा रहा हूं। सुनिश्चित नहीं है कि वास्तव में यहाँ क्या समस्या है, ऐस संबंधित हो सकती है

securingsincity 19 जुल॰ 2017

अजीब! उम्मीद है कि काम के आसपास समस्या यह है कि हम इसके उपयोग में भी देख रहे हैं हल करती है। उस में देखने के लिए धन्यवाद!

backwardok 19 जुल॰ 2017

@ बैकवर्डोक कोई समस्या नहीं है। सिर्फ इसलिए कि मैं उत्सुक हूं, आप किस तरह के प्रोजेक्ट का उपयोग कर रहे हैं?

securingsincity 19 जुल॰ 2017

@securingsincity हम स्टोरीबुक के भीतर एक खेल के मैदान के लिए इसका इस्तेमाल कर रहे हैं ताकि डेवलपर्स हमारे लाइब्रेरी के भीतर मौजूद विभिन्न प्रतिक्रिया घटकों के साथ खेल सकें।

backwardok 19 जुल॰ 2017

शीर्षक को बदलना, इक्का के लिए एक मुद्दा और ऊँचाई और चौड़ाई को प्रतिशत के रूप में सेट करने के लिए अद्वितीय है।

securingsincity 3 अग॰ 2017

यह सफारी और क्रोम में इक्का के साथ काम करने लगता है। या मुझ से कुछ गलत हो रहा है?
साबित करना

dmigo 6 अग॰ 2017

@ मिडी इसकी प्रतिक्रिया घटक का उपयोग नहीं कर रहा है? सिर्फ ace.js ?

kavink 20 दिस॰ 2017

यकीन नहीं होता कि अगर मैंने इसे बनाया है तो उदाहरण बदल गया है, लेकिन ऐसा लगता है कि उदाहरण सफारी में काम कर रहा है?

backwardok 20 दिस॰ 2017

@backwardok मेरे लिए क्या काम नहीं कर रहा है प्रतिक्रिया घटक है, "चौड़ाई" प्रतिशत नहीं लेता है, बस उदाहरण के लिए "500px" लेता है।
मुझे समझ नहीं आया है कि कैसे कंटेनर में पैमाने और फिट होने चाहिए।

kavink 20 दिस॰ 2017

😕4

प्रतिक्रिया-इक्का अभी भी चौड़ाई या ऊंचाई के लिए एक प्रतिशत लेने में सक्षम नहीं लगता है।

connorwaslo 3 जून 2018

आज तक, प्रतिक्रिया-इक्का अभी भी प्रस्तुत नहीं करेगा यदि '%' के किसी भी स्वाद को चौड़ाई या ऊंचाई में डाल दिया जाए, और माता-पिता को ठीक से फिट करने के लिए पैमाने पर नहीं होगा।
संपादित करें: हालांकि, मैं इसे "ऑटो" की ऊंचाई और चौड़ाई निर्धारित करके ठीक से काम करने में सक्षम था, और फिर माता-पिता को एक फ्लेक्स बना दिया।

confiant-mfb 6 अग॰ 2019

👀2

क्या यह पृष्ठ उपयोगी था?

0 / 5 - 0 रेटिंग्स

React-ace: एडिटर सफारी में तब काम नहीं करता जब ऊंचाई या चौड़ाई एक प्रतिशत हो

संकट

नमूना कोड आपके मुद्दे को पुन: पेश करने के लिए

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

संबंधित मुद्दों