LOGIN
Harsha Alva
74
Community Expert
Mechanical Engineer + Software Developer
 · MangaluruIndia
Share
Report
Get Link
QUESTION
Open

Hello Robert Lancer.

  1. Markdown editor preview for comments in a thread is broken, at least for comments with YouTube and photo embeds on Firefox 49.0.1 on Windows 8.
    Screenshot below. Notice how the code block comes outside the white popup. Also , the browser scroll bar scrolls the whole page behind the popup, and not the popup content, which remains static.

Here’s the encoded HTML code. Can’t post it as is. The browser will render it. So use http://www.urldecoder.org/ to decode it.

%3Cdiv+style%3D%22width%3A+840px%3B+padding%3A+20px+30px+30px%3B%22%3E%3Cdiv+style%3D%22width%3A+100%25%3B+margin%3A+0px+auto%3B+padding%3A+0px+0.5rem%3B%22%3E%3Cdiv+style%3D%22width%3A+100%25%3B+justify-content%3A+space-between%3B+margin-bottom%3A+0.05rem%3B+display%3A+flex%3B+flex-direction%3A+row%3B+align-items%3A+center%3B%22%3E%3Cdiv+style%3D%22padding%3A+5px+0px%3B+display%3A+flex%3B+flex-direction%3A+row%3B+justify-content%3A+flex-start%3B+align-items%3A+center%3B+font-weight%3A+700%3B%22%3E%3Ca+href%3D%22%2Fprofile%2FHyt3y6XK%22%3E%3Cimg+src%3D%22https%3A%2F%2Fres.cloudinary.com%2Fcollabizm%2Fimage%2Ffacebook%2Fc_fill%2Cw_45%2Ch_45%2Cq_auto%2Cg_face%2Cdpr_1%2Cf_auto%2Fv1%2F1288071164538904%22+style%3D%22border-radius%3A+50%25%3B+width%3A+45px%3B+height%3A+45px%3B+font-weight%3A+700%3B%22%3E%3C%2Fa%3E%3Cimg+src%3D%22data%3Aimage%2Fgif%3Bbase64%2CR0lGODlhAQABAIAAAAAAAP%2F%2F%2FyH5BAEAAAAALAAAAAABAAEAAAIBRAA7%22+style%3D%22width%3A+15px%3B+height%3A+1px%3B+flex-shrink%3A+0%3B%22+width%3D%2215px%22%3E%3Ca+href%3D%22%2Fprofile%2FHyt3y6XK%22%3E%3Cdiv+style%3D%22display%3A+flex%3B+align-items%3A+center%3B+flex-direction%3A+column%3B+justify-content%3A+center%3B%22%3E%3Cdiv+style%3D%22font-family%3A+%22Lato%22%2Chelvetica%2Csans-serif%3B+color%3A+rgb%2892%2C+107%2C+192%29%3B+font-size%3A+1.05rem%3B+text-align%3A+left%3B%22%3EHarsha+Alva%3C%2Fdiv%3E%3C%2Fdiv%3E%3C%2Fa%3E%3C%2Fdiv%3E%3Cdiv+style%3D%22justify-content%3A+flex-end%3B+display%3A+flex%3B+flex-direction%3A+row%3B+align-items%3A+center%3B%22%3E%3Cdiv+style%3D%22margin%3A+0.12rem%3B+align-items%3A+center%3B+display%3A+flex%3B+flex-direction%3A+row%3B%22%3E%3Cdiv+style%3D%22padding%3A+0px+0.35rem%3B%22%3E%3Cdiv%3E%3Csvg+fill%3D%22%236d7499%22+height%3D%2224%22+width%3D%2224%22+viewBox%3D%220+0+502.664+502.664%22+preserveAspectRatio%3D%22none%22+style%3D%22cursor%3A+pointer%3B%22%3E%3Cg%3E%3Cpath+fill%3D%22%236d7499%22+d%3D%22M153.821%2C358.226L0%2C274.337v-46.463l153.821-83.414v54.574L46.636%2C250.523l107.185%2C53.431++++C153.821%2C303.954%2C153.821%2C358.226%2C153.821%2C358.226z%22%2F%3E%3Cpath+fill%3D%22%236d7499%22+d%3D%22M180.094%2C387.584L282.103%2C115.08h32.227L212.084%2C387.584H180.094z%22%2F%3E%3Cpath+fill%3D%22%236d7499%22+d%3D%22M348.843%2C358.226v-54.272l107.164-52.999l-107.164-52.59v-53.927l153.821%2C83.522v46.183++++L348.843%2C358.226z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%3C%2Fdiv%3E%3C%2Fdiv%3E%3Cdiv+style%3D%22padding%3A+0px+0.3rem%3B%22%3E%3Cdiv%3E%3Csvg+fill%3D%22%236d7499%22+height%3D%2222%22+width%3D%2222%22+viewBox%3D%220+0+24+24%22+preserveAspectRatio%3D%22none%22+style%3D%22cursor%3A+pointer%3B%22%3E%3Cpath+d%3D%22M19%2C19H5V5H15V3H5C3.89%2C3+3%2C3.89+3%2C5V19A2%2C2+0+0%2C0+5%2C21H19A2%2C2+0+0%2C0+21%2C19V11H19M7.91%2C10.08L6.5%2C11.5L11%2C16L21%2C6L19.59%2C4.58L11%2C13.17L7.91%2C10.08Z%22%2F%3E%3C%2Fsvg%3E%3C%2Fdiv%3E%3C%2Fdiv%3E%3Cdiv+style%3D%22padding%3A+0px+0.35rem%3B%22%3E%3Cdiv%3E%3Csvg+fill%3D%22%236d7499%22+height%3D%2226%22+width%3D%2226%22+viewBox%3D%220+0+24+24%22+preserveAspectRatio%3D%22none%22+style%3D%22cursor%3A+pointer%3B%22%3E%3Cpath+d%3D%22M14%2C17H17L19%2C13V7H13V13H16M6%2C17H9L11%2C13V7H5V13H8L6%2C17Z%22%2F%3E%3C%2Fsvg%3E%3C%2Fdiv%3E%3C%2Fdiv%3E%3Cdiv+style%3D%22padding%3A+0px+0.35rem%3B%22%3E%3Cdiv%3E%3Csvg+fill%3D%22%236d7499%22+height%3D%2224%22+width%3D%2224%22+viewBox%3D%220+0+24+24%22+preserveAspectRatio%3D%22none%22+style%3D%22cursor%3A+pointer%3B%22%3E%3Cpath+d%3D%22M7%2C5H21V7H7V5M7%2C13V11H21V13H7M4%2C4.5A1.5%2C1.5+0+0%2C1+5.5%2C6A1.5%2C1.5+0+0%2C1+4%2C7.5A1.5%2C1.5+0+0%2C1+2.5%2C6A1.5%2C1.5+0+0%2C1+4%2C4.5M4%2C10.5A1.5%2C1.5+0+0%2C1+5.5%2C12A1.5%2C1.5+0+0%2C1+4%2C13.5A1.5%2C1.5+0+0%2C1+2.5%2C12A1.5%2C1.5+0+0%2C1+4%2C10.5M7%2C19V17H21V19H7M4%2C16.5A1.5%2C1.5+0+0%2C1+5.5%2C18A1.5%2C1.5+0+0%2C1+4%2C19.5A1.5%2C1.5+0+0%2C1+2.5%2C18A1.5%2C1.5+0+0%2C1+4%2C16.5Z%22%2F%3E%3C%2Fsvg%3E%3C%2Fdiv%3E%3C%2Fdiv%3E%3Cimg+src%3D%22data%3Aimage%2Fgif%3Bbase64%2CR0lGODlhAQABAIAAAAAAAP%2F%2F%2FyH5BAEAAAAALAAAAAABAAEAAAIBRAA7%22+style%3D%22width%3A+0.25rem%3B+height%3A+1px%3B+flex-shrink%3A+0%3B%22+width%3D%22.25rem%22%3E%3C%2Fdiv%3E%3Cimg+src%3D%22data%3Aimage%2Fgif%3Bbase64%2CR0lGODlhAQABAIAAAAAAAP%2F%2F%2FyH5BAEAAAAALAAAAAABAAEAAAIBRAA7%22+style%3D%22width%3A+0.5rem%3B+height%3A+1px%3B+flex-shrink%3A+0%3B%22+width%3D%22.5rem%22%3E%3Cdiv+class%3D%22noselect%22+style%3D%22cursor%3A+pointer%3B+border%3A+0px+solid+transparent%3B+display%3A+inline-flex%3B+justify-content%3A+center%3B+align-items%3A+center%3B+letter-spacing%3A+0.05rem%3B+font-size%3A+0.8rem%3B+font-weight%3A+700%3B+text-transform%3A+uppercase%3B+border-radius%3A+3px%3B+transition%3A+all+0.25s+ease-out+0s%3B+color%3A+rgb%2863%2C+93%2C+138%29%3B+padding%3A+0.15rem+0.25rem%3B+background-color%3A+transparent%3B%22%3ECLOSE%3C%2Fdiv%3E%3C%2Fdiv%3E%3C%2Fdiv%3E%3Cimg+src%3D%22data%3Aimage%2Fgif%3Bbase64%2CR0lGODlhAQABAIAAAAAAAP%2F%2F%2FyH5BAEAAAAALAAAAAABAAEAAAIBRAA7%22+style%3D%22width%3A+1px%3B+height%3A+0.35rem%3B+flex-shrink%3A+0%3B%22+width%3D%221%22%3E%3Cdiv+style%3D%22width%3A+100%25%3B+margin-bottom%3A+0.5rem%3B+display%3A+flex%3B+flex-direction%3A+row%3B%22%3E%3Cdiv+style%3D%22display%3A+none%3B+align-items%3A+flex-start%3B+width%3A+100%25%3B+padding%3A+5px%3B+flex-direction%3A+row%3B+justify-content%3A+center%3B%22%3E%3Ctextarea+placeholder%3D%22Write+Something%22+style%3D%22flex%3A+1+1+0%25%3B+width%3A+100%25%3B+outline%3A+0px+none+transparent%3B+border%3A+medium+none%3B+background-color%3A+transparent%3B+font-family%3A+Open+Sans%2Csans-serif%3B+font-size%3A+0.925rem%3B+height%3A+147px%3B%22%3EHi+%40%5BSteven+Reubenstone%5D%281%29.+I%27ve+made+a+working+solution.%0D%0A%0D%0A%2A%2AEDIT%3A%2A%2A+%5BYouTube+embed+fixed%5D%28https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3Dvsw5s5gKsR0%29%0D%0A%0D%0A%40%5Byoutube%5D%28https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3Dvsw5s5gKsR0%29+%0D%0A%0D%0A+%21%5BScreen+Shot+on+2016-11-29+at+12-41-13.png%5D%28czm%3A%2F%2Fzswc9u1tchvzmkupm9if%29%0D%0A%0D%0AThis+was+my+earlier+configuration.%0D%0A%0D%0A%60%60%60%0D%0AMixpanel+%3C----------%3E+Local+web+server+%3C-------------%3E+ESP-01+-------------%3E+Arduino+%2B+LCD%0D%0A%C2%A0+++++++++++++++++++++++++++++%7C+++++++++++++++%28Man+in+the+middle%29%0D%0A+++++++++++++++++++++++DB+on+mlab.com%0D%0A%60%60%60%0D%0A%0D%0AThis+is+the+present+configuration.%0D%0A%60%60%60%0D%0AMixpanel+%3C----------%3E+Local+web+server+%3C-------------%3E+ESP-01+%2B+Arduino+%2B+LCD%0D%0A++++++++++++++++++++++++++++++%7C+++++++++++++++%0D%0A+++++++++++++++++++++++DB+on+mlab.com%0D%0A%60%60%60%0D%0A%0D%0AI%27m+using+an+Arduino+Uno%2C+which+is+quite+low+on+specs+for+this+kind+of+a+project.+Even+the+current+working+config+has+some+problems.+%0D%0A%0D%0A1%29+Atmega328+has+only+one+hardware+UART.+This+warrants+a+SoftwareSerial+%28virtual+serial%29%2C+that+can+rarely+go+above+9600+baud.+This+also+prevents+the+use+of+interrupts.%0D%0A2%29+The+SRAM+of+Uno+is+only+2+kb%2C+which+is+very+less+to+decode+JSON.+%0D%0A3%29+Hence+I+made+the+local+server+to+directly+respond+with+a+delimited+string.+This+warrants+the+usage+of+C%2B%2B+strings+%28not+C+char+arrays%29%2C+for+which+memory+is+dynamically+allocated.+%0D%0A4%29+This+results+in+data+loss+after+few+iterations+of+the+loop.+Sometimes%2C+complete+data+will+be+received+by+the+Arduino+from+the+server.+Some+other+times%2C+only+an+incomplete+part+of+it.%0D%0A%0D%0ATo+overcome+these+problems%2C+we+can+use+Arduino+Mega+that+has+8+kb+of+SRAM+and+multiple+hardware+UART.%0D%0A%0D%0ASince+the+middle+node+%28local+web+server%29+that+downloads+data+from+Mixpanel+and+shares+it+with+the+clients+would+remain+the+same%2C+here+are+a+few+ways+to+extend+this+project%3A%0D%0A%0D%0A1%29+Use+Nodemcu+devkit+that+comes+with+128+kb+of+RAM+and+onboard+WiFi.%0D%0A2%29+Use+Raspberry+Pi%2C+directly+download+and+display+data+on+a+TFT+screen.+This+can+be+done+by+just+modifying+a+few+lines+of+code+in+the+middle+node%0D%0A%0D%0AWhat+are+your+thoughts%3F%0D%0A
  1. YouTube short share links do not work. Steven Reubenstone noticed it too.

Long link embed: https://www.youtube.com/watch?v=vsw5s5gKsR0

Short link embed: https://youtu.be/vsw5s5gKsR0

  1. Post an official links of smileys, emoticons, etc.

Thank you for listening. 😃

1 like 
Like
Award Contribution
Robert Lancer
32
Community Expert
Chief Technology Officer at Collaborizm
 · New YorkU.S.
Share
Report
Get Link

Thanks for the report, fix coming soon!

Like
1 like 
Award Contribution
Robert Lancer
32
Community Expert
Chief Technology Officer at Collaborizm
 · New YorkU.S.
Share
Report
Get Link

Fixed

Like
1 like 
Award Contribution
Leave a reply...
DISCOVER
CHAT
ALERTS
DISCUSSIONS
FEED
New Post
Facebook Share
Share Link
Help